为了账号安全,请及时绑定邮箱和手机立即绑定
  • rangelength长度范围:是以数组的方式。例如[2,10] min和minlength的区别:叫length代表是长度,不加length代表的是它的值,也就是值的范围要注意。
    查看全部
  • 验证类型!
    查看全部
  • validator方法配置项
    查看全部
  • validate()方法配置项
    查看全部
  • dataISO(yyyy/xx/xx)
    查看全部
  • rules里面的“username”是input中的“name”,不是“id”。 表单验证,主要是俩:一是规则,二是提示信息
    查看全部
  • 谁能帮我看下为什么我按照老师的方法写的代码却没有效果(前面的样式我因为字数限制删了) <!DOCTYPE html> <html> <head> <body> <form id="demoForm" method='post'> <fieldset> <legend>用户登录</legend> <p> <label for="username">用户名</label> <input type="text" id="username" name="username"> </p> <p> <label for="password">密码</label> <input type="password" id="password" name="password"> </p> <p> <input type="submit" value="提交"> </p> </fieldset> </form> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.validate.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#demoForm").validate({ rules: { username:{ required:true, minlength:2, maxlength:10 }, password:{ required:true, minlength:2, maxlength:16 } } messages: { username:{ required:"用户名必须填写", minlength:"用户名最少为2字符", maxlength:"用户名最大为10字符" }, password:{ required:"密码必须填写", minlength:"密码最少为2字符", maxlength:"密码最大为16字符" } } }); }); </script> </body> </html>
    查看全部
  • <form id="demoForm" method='post'> <fieldset> <legend>用户登录</legend> <p> <label for="username">用户名</label> <input type="text" id="username" name="username"> </p> <p> <label for="password">密码</label> <input type="password" id="password" name="password"> </p> <p> <input type="submit" value="提交"> </p> </fieldset> </form> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.validate.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#demoForm").validate({ rules: { username:{ required:true, minlength:2, maxlength:10 }, password:{ required:true, minlength:2, maxlength:16 } } messages: { username:{ required:"用户名必须填写", minlength:"用户名最少为2字符", maxlength:"用户名最大为10字符" }, password:{ required:"密码必须填写", minlength:"密码最少为2字符", maxlength:"密码最大为16字符" } } }); }); </script>
    查看全部
  • 学习中
    查看全部
  • validate方法配置项 submitHandler 通过验证后运行的函数,可以加上表单提交的方法 invalidHandler 无效表单提交后运行的函数 ignore 对某些元素不进行验证 rules 定义校验规则 messages 定义提示信息 groups 对一组元素的验证,用一个错误提示,用errorPlacement控制把出错信息放在哪里
    查看全部
  • 验证方法大全
    查看全部
  • method:验证方法,指校验的逻辑。比如Email方法,检查输入的文本十分符合Email的规则。 rule:验证规则,指元素和验证方法的关联。比如页面一个id味Email的文本框,需要带有Email的验证方法。 validate是插件的核心方法,定义了基本的校验规则和一些有用的配置项。例如,debug,如果这个参数为true,那么表单不会提交,只进行检查,调试是十分方便的。
    查看全部
  • this.optional(<ele>):未填写值时,不验证,直接返回true;有值才验证 如果不写这句,相当于required=true
    查看全部
  • 1、label的for属性规定label与哪个表单元素绑定,当用户点击label时与其绑定的表单元素会获取焦点。 2、ready事件():当DOM(文档对象模型)已经加载,并且页面(包括图像)已经完全呈现时,会触发。 rules:定义表单验证的规则 message:用于定义表单验证提示信息(提示信息只决定于这里) rules和message中使用的都是元素的name属性值,而不是id属性值,rules和message中的验证方法需要一致,这样当某一个验证方法不通过,才能做出对应的提示 比如:rules中使用required:true,则message中使用required:用户名必填,这样当用户名没有填写时则会提示“用户名必填
    查看全部
  • valid()方法 $("demoForm").valid()?"填写正确":"填写错误" // valid方法返回true或者false,判断填写正确与否 rules()方法 $("#username").rules() // 返回username的所有方法,只能针对一个属性,不能针对例如demoForm $("#username").rules("add",{min:2,max:10}) // 为username增加规则 $("#username").rules("remove","min max") // 为username删除规则,只需要填写规则名字
    查看全部

举报

0/150
提交
取消
课程须知
您好至少具备jQuery基础知识,HTML/CSS基础知识。
老师告诉你能学到什么?
1.掌握 Validation插件基础验证方法 2.掌握 validator 对象方法 3.掌握 validate方法配置项 4.如何自定义验证方法 5.客户端表单验证的安全性

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!