手机版

使用jQuery validate验证注册表单实例演示

时间:2021-11-22 来源:互联网 编辑:宝哥软件园 浏览:

验证是jQuery的一个插件。所提供的方法可以大大简化验证表单的工作,并且功能足以满足一般需求。规则足够简单,易于使用。举个简单的例子,通过验证来验证注册表单。首先,确定验证目标如下:1 .必填项不能为空;2.注册用户名必须在6-12个字符以内;3.合格的电子邮件格式;4.密码必须是6-18个字符;5.确认密码必须与密码一致;好吧,目标很明确。复制正片的代码如下: script type=' text/JavaScript ' src=' http 3360./lib/jquery-1 . 3 . 2 . min . js '/script script type=' text/JavaScript ' src=' http 3360./lib/jquery . validate . min . js/'脚本脚本类型=' text/JavaScript ' $(function(){ $(' # regForm '))。验证({ rules: { //注册的用户名为username : { required d : true,minlength3360 5,maxlength: 12},//email mail 3360 { required d : true,email: true})。//密码password : { required: true,minlength3360 6,maxlength3360 18},//确认密码confirm _ password3360 {等于:' # password'},//验证验证码: { required: true,remote3360' checkcaptcha.php'},消息: {//注册用户名: { required d : '此项不能为空',min maxlength: '不能超过18个字符' },//确认密码confirm_password: '两次输入的密码不一致',//验证验证码captcha: { required: '请输入验证码',remote: '错误验证码输入' } } } }); });/script运行后,将获得以下结果

更多用法见//www . JB 51 . net/article/24405 . htm。

版权声明:使用jQuery validate验证注册表单实例演示是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。