边肖在网上查阅了很多关于jquery.validate的文章,但是大多数部门只介绍了它的api和用法,没有详细介绍入门案例。经过长时间的学习,没有办法开始。为此,边肖做了一个jquery validate.js表单验证的介绍性例子,虽然不是特别好,但是应该适合初学者,大家分享一下。
下面是validate.js表单验证入口实例的参考源代码,源代码下载地址在文章下面:
html head meta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8 '/title 2 query . validate快速入门示例-戴blog/title meta name=' keywords ' content=' '/meta name=' description ' content=' jquery . validate . js是一个功能强大的表单验证插件。这里将有一个快速入门的例子来展示它的快速和简单的使用。/script src=' http : jquery-1 . 8 . 0 . min . js ' type=' text/JavaScript '/script script src=' http : jquery . validate . min . js ' type=' text/JavaScript '/script style type=' text/CSS ' label . error { color : red;font-size :13 px;}/style/head body piinformation entry/p formation=' name=' infos ' id=' infos ' p用户名:input type=' text ' name=' username '/p pworkNo。输入类型=' text ' name=' nums '/P注意:输入类型=' text ' name=' notes '/P pin put type=' sub ' name=' sub '/P/form script type=' text/JavaScript ' $(function(){ $(' # infos ')。validate({ debug 3360 false,//false表示通过验证后不自动提交表单onkeyup3360 false,//表示在释放关闭按钮时听取验证规则: {//验证规则username 3360 { required d : true,//必填字段rangelength:[6,10]///长度在6到10之间},nums: { required3360 true,digits3360 true}, rangelength: '用户名长度必须为6-10位数' },nums: { required: '需要作业号',Digits: '作业号必须为数字' },notes: '需要备注' }。 //经过验证,你可以在这里做你想做的事情。提交处理程序:函数(表单){警报('验证通过');} });});/script/body/html源代码下载:jquery validate.js表单验证的条目示例。
地址:jquery validate.js表单验证入门示例。
上面是一个简单的jquery validate.js表单验证的例子。欢迎大家一起学习,希望对你的学习有所帮助。