Jquery.validate表单验证 文本框是动态添加的 该怎么去验证

Jquery.validate表单验证 文本框是动态添加的 该怎么去验证,第1张

使用delegate()。

定义和用法

delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。

使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。

基本语法:

$(selector).delegate(childSelector,event,data,function)

举例:

$("body").delegate("input","click",function(){

// *** 作代码

})

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属性。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/bake/11898618.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存