当前位置:求职简历网 > 知识 > 正文

jquery表单验证

JQuery实现提交表单时候验证所有文本框是否为空 这个可以再表单上添加onsubmit函数和使用jQuery的each函数来判断 var flag = true; function checkForm(frm) { $(#frm input[type=text]).each(

JQuery实现提交表单时候验证所有文本框是否为空

这个可以再表单上添加onsubmit函数和使用jQuery的each函数来判断 var flag = true; function checkForm(frm) { $("#frm input[type='text']").each(function(i, obj) { if(obj.value == "") { alert($(obj).attr("placeholder")); flag = false; return false; } }); return flag; } 文本1: 文本2: 文本3: 文本4: 文本5:


Jquery.validate.js实现前端表单验证

jquery.validate.js表单验证 官方网站: http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassistance.de/api-browser/plugins.html 当前版本:1.5.5 需要JQuery版本:1.2.6+, 兼容 1.3.2 (1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必须输入正确格式的网址 (5)date:true 必须输入正确格式的日期 (6)dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性 (7)number:true 必须输入合法的数字(负数,小数) (8)digits:true 必须输入整数 (9)creditcard: 必须输入合法的信用卡号 (10)equalTo:"#field" 输入值必须和#field相同 (11)accept: 输入拥有合法后缀名的字符串(上传文件的后缀) (12)maxlength:5 输入长度最多是5的字符串(汉字算一个字符) (13)minlength:10 输入长度最小是10的字符串(汉字算一个字符) (14)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符) (15)range:[5,10] 输入值必须介于 5 和 10 之间 (16)max:5 输入值不能大于5 (17)min:10 输入值不能小于10 例子:自定义密码验证的规则

怎么用jqyuery写表单验证

1、可以在input上直接绑定正则,可以自定义datatype,自定义datatype可以是正则,也可以是函数,datatype可以累加或单选,甚至还可以对datatype规则执行简单的逻辑运算。内置10类常见的格式验证;
2、可以自定义提示方式,可以实现你想要的任何提示效果。内置了4种常见的提示方式;
3、可以对表单下的某一块区域或具体的某个表单元素单独进行验证,并可以选择验证后需不需要显示出错信息,还能得到一个值来判断被检测对象是否通过了验证;
4、可以轻松的取消或恢复对表单下的某一块区域或具体的某个表单元素的验证;
5、强大的ajax功能,很轻松的可以实现实时验证以及表单的ajax提交;可以灵活的设置ajax提交时的参数;
6、智能的出错信息提示:会根据绑定的datatype输出相应的出错信息,另外还可以在自定义datatype里 返回具体的出错信息,错误信息里可以使用html标签,如果页面里没有显示出错信息的标签,会根据tiptype值自动创建。可以选择在没有输入时不提示 和只在提交表单时有信息提示。可以选择一次提示单个错误或一次显示全部出错信息。可以自己设置默认的提示文字;
工具/原料
Validform.js,style.css
方法/步骤
1
1、引入css
请查看下载文件中的style.css,把里面Validform必须部分复制到你的css中(文件里这个注释 "/*==========以下部分是Validform必须的===========*/" 之后的部分是必须的)。
2
2、引入js (jquery 1.4.3 以上版本都可以)

3
3、给需要验证的表单元素绑定附加属性

4
4、初始化,就这么简单
$(".demoform").Validform();
5
5、Validform支持扩展,当验证方法或者效果满足不了需求时,可以自行扩展validform方法。
END
注意事项
指定ajax实时验证的后台文件的地址时, 后台页面可以用 $_POST["param"] 接收到值,Ajax中会POST过来变量param和name。param是文本框的值,name是文本框的name属性。


jquery表单验证需要做些什么_jquery

一、当元素失去焦点时发生blur 事件。实例:jQuery blur() 方法添加函数到 blur 事件。当字段失去焦点时发生 blur 事件:定义和用法当元素失去焦点时发生 blur 事件。blur() 方法触发 blur 事件,或规定当发生 blur 事件时运行的函数。提示:该方法常与 focus() 方法一起使用。语法为被选元素触发 blur 事件:添加函数到 blur 事件:二、当输入框获取焦点的时候,触发的事件。实例:jQuery focus() 方法添加函数到 focus 事件。当字段获得焦点时发生 focus 事件:定义和用法当元素获得焦点时(当通过鼠标点击选中元素或通过 tab 键定位到元素时),发生 focus 事件。focus() 方法触发 focus 事件,或规定当发生 focus 事件时运行的函数。提示:该方法通常与 blur() 方法一起使用。语法触发被选元素的 focus 事件:添加函数到 focus 事件:三、当键盘键被松开时发生keyup 事件实例:jQuery keyup() 方法当键盘键被松开时,设置字段的背景颜色:定义和用法与 keyup 事件相关的事件顺序: keydown - 键按下的过程 keypress - 键被按下 keyup - 键被松开当键盘键被松开时发生 keyup 事件。keyup() 方法触发 keyup 事件,或规定当发生 keyup 事件时运行的函数。提示:请使用 event.which 属性来返回哪个键被按下。语法触发被选元素的 keyup 事件:添加函数到 keyup 事件:四、当表单提交的时候触发的事件实例:jQuery submit() 方法当提交表单时,显示警告框:定义和用法当提交表单时,会发生 submit 事件。该事件只适用于元素。submit() 方法触发 submit 事件,或规定当发生 submit 事件时运行的函数。语法触发被选元素的 submit 事件:添加函数到 submit 事件:


知识相关

知识推荐

求职简历网为你分享个人简历、求职简历、简历模板、简历范文等求职简历知识。

Copyrights 2018-2024 求职简历网 All rights reserved.