本文实例讲解了jquery validate 表单验证插件，如何自定义一个验证方法，分享给大家供大家参考，具体内容如下
效果如下：
验证失败效果：
验证成功效果：
具体步骤：
1、引入依赖包

2、添加错误样式和成功样式
em { font-weight: bold; padding-right: 1em; vertical-align: top; }em.error { background:url(images/unchecked.gif) no-repeat 0px 0px; padding-left: 16px;}em.success { background:url(images/checked.gif) no-repeat 0px 0px; padding-left: 16px;}
3、自定义一个验证方法
//自定义一个验证方法 $.validator.addmethod( formula, //验证方法名称 function(value, element, param) {//验证规则 return value == eval(param); }, '请正确输入数学公式计算后的结果'//验证提示信息 );
4、调用样式显示
errorelement: em, //用来创建错误提示信息标签 success: function(label) { //验证成功后的执行的回调函数 //label指向上面那个错误提示信息标签em label.text( ) //清空错误提示消息 .addclass(success); //加上自定义的success类 }
5、详细代码如下
jquery表单验证插件----自定义一个验证方法 jquery表单验证插件----自定义一个验证方法 姓名 *
电子邮件 *
网址
你的评论 *
验证码 =7+9

以上就是本文的全部内容，希望对大家学习表单验证有所帮助。