怎么用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属性。
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属性。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询