当前位置: 首页 > 编程笔记 >

jQuery Validation Plugin验证插件手动验证

闽鸿宝
2023-03-14
本文向大家介绍jQuery Validation Plugin验证插件手动验证,包括了jQuery Validation Plugin验证插件手动验证的使用技巧和注意事项,需要的朋友参考一下

jquery.validate是jquery旗下的一个验证框架,借助jquery的优势,我们可以迅速验证一些常见的输入,并且可以自己扩充自己的验证方法,并且对国际化也有很好的支持。

正常的验证模式如下:

<form id="ff" action="xxx"> 
... 
<input type="submit" value="提交"> 
</form> 
[java] view plaincopy在CODE上查看代码片派生到我的代码片
$('#ff').validate() 

这样只要点击提交按钮,插件会自动进行验证.

但是有时候我们想要点击其它按钮来验证一下表单,接着根据表单的验证结果来做剩下的事情.

查看源码发现有个form()方法,这个方法就是进行验证操作,虽然方法字面意思不太相符.

然后我们就可以这样操作:

var validator;// 申明一个全局变量 
$(function(){ 
validator = $('#ff').validate();// 这句话会返回一个对象 
}) 
function add() { 
var b = validator.form();// 返回一个布尔值 
if(b){ // 验证成功 
// do add... 
} 
} 
<button onclick="add()">保存</button> 

如果验证出错了,会显示错误信息,如果要清除错误信息可以调用validator.resetForm();方法

这样有了validator.form()和validator.resetForm()两个方法我们就可以灵活使用验证插件了.

验证字段

required –必填字段

remote – 远程验证

minlength – 最小长度验证

maxlength – 最大长度验证

rangelength – 长度范围验证

min – 最小值验证

max – 最大值验证

range – 范围值验证

email – 邮件地址验证

url – URL地址验证

date –日期验证

dateISO –ISO 日期格式验证

number –十进制数验证

digits –数字验证

creditcard – 信用卡号验证

equalTo –和另外一个文本框的值相等验证

 类似资料:
  • 我正在寻找一种方法来查找从Firebase电话身份验证发送给我的代码,因为我想手动验证该代码。现在的问题是Firebase正在自动检测短信并调用onVerficationComplted(),但我有一个按钮,我想手动输入otp代码并验证。下面是我的代码。如果有任何帮助,将不胜感激。谢谢

  • X2.3.0新增(暂时无法使用) sp_check_mobile_verify_code($mobile='',$verifycode='') 功能: 手机验证码检查,验证完后销毁验证码增加安全性 参数: $mobile: 手机号 $verifycode:验证码 返回: 类型boolean true:手机验证码正确,false:手机验证码错误 使用: $is_right_mobile_code

  • 本文向大家介绍AngularJS手动表单验证,包括了AngularJS手动表单验证的使用技巧和注意事项,需要的朋友参考一下 所谓手动验证是通过AngularJS表单的属性来验证,而成为AngularJS表单必须满足两个条件: 1、给form元素加上novalidate="novalidate"; 2、给form元素加上name="theForm", 如下: ● 给form加上novalidate=

  • 本文向大家介绍AngularJS实现表单手动验证和表单自动验证,包括了AngularJS实现表单手动验证和表单自动验证的使用技巧和注意事项,需要的朋友参考一下 AngularJS的表单验证大致有两种,一种是手动验证,一种是自动验证。 一、手动验证 所谓手动验证是通过AngularJS表单的属性来验证。而成为AngularJS表单必须满足两个条件: 1、给form元素加上novalidate="no

  • 目前支持对以下格式的值进行验证:   cnum*-*(纯数字),   char*-*(纯字母),   zwen*-*(中文),   bysc*-*(字母开头),   mail(邮箱),   yzbm(邮政编码)      *    其中的‘*’表示长度,比如“zwen1-5”表示中文1-5位的长度。同时支持“zwen”(只能是中文),“zwen5-*”(5位长度的文字),其他的数据类型如同上面所示。      

  • 接口说明 用来验证输入的手机号是否已注册 如需调用,请访问 开发者文档 来查看详细的接口使用说明 该接口仅开放给已获取SDK的开发者 API地址 POST /api/user/1.0.0/validatePhone 是否需要登录 否 请求字段说明 参数 类型 请求类型 是否必须 说明 phone string form 是 手机号 响应字段说明 参数 类型 说明 phoneVali String