validate自动校验
程序员文章站
2022-03-11 09:54:46
...
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>自动校验功能</title> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="js/validate.js"></script> <style type="text/css"> .suc{ background-color: red; } </style> <script type="text/javascript"> $(function() { //自定义校验方法addMethod中的参数1:验证的方法名,参数2:验证规则,参数3:验证提示信息 $.validator.addMethod("formula",function(value,element,param){ return this.value == eval(param); },'请正确输入数学计算正确后的结果'); $("#form1").validate({ rules:{ username:{ required:true, minlength:2 }, email:{ required:true, email:true }, url:{ required:true, url:true }, valcode:{ formula: "7+9" } }, /* messages{ username:{ required:'请输入姓名', minlength:'请至少输入两个字符' }, email:{ required:'请输入电子邮箱', email:'请检查电子邮箱格式' } }, */ /* errorElement:"em",//用来创建错误提示信息 success:function(label){//验证成功后执行的回调函数,label指向上面那个错误提示信息标签em label.text(" ").addClss("suc");//清空错误提示信息,并添加上样式 } */ }); }); </script> </head> <body> <form action="#" method="post" id="form1"> 用户名:<input type="text" name="username" value=""><br><br> 年 龄:<input type="text" name="age" value=""><br><br> 邮 箱:<input type="text" name="email" value=""><br><br> 地 址:<input type="text" name="url" value=""><br><br> <label for="cvalcode">验证码:</label> <input id="cvalcode" type="text" name="valcode" size="25" value="">=7+9 <input type="button" value="提交"> </form> </body> </html>
上一篇: JAVA总结抽象类与接口
推荐阅读
-
学自动化专业好就业吗?千万别学自动化专业是真的吗?
-
Javascript特效学习之选项卡卡定时自动切换代码教程
-
Unity3D中自动调用的方法总结
-
Js倒计时代码,当鼠标离开页面与回到页面会自动停止与开始
-
IdeaPad Yoga 13笔记本电脑屏幕亮度自动调节功能开启方法
-
Android-Service实现手机壁纸自动更换
-
Mybaits 源码解析 (八)----- 全网最详细,没有之一:结果集 ResultSet 自动映射成实体类对象(上篇)
-
Winform中实现ZedGraph滚轮缩放后自动重新加载数据
-
原创001 | 搭上SpringBoot自动注入源码分析专车
-
django接口文档自动生成