浏览 1918 次
|
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2009-03-19
<!--
demo 如下。请下载附件运行例子 --> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JQuery plugin for Form validate</title> <script src='jquery.js'></script> <script src='jquery.validator.js'></script> </head> <body> <!-- 需要验证Form时 设置属性 validate='true' 消息模式：默认提供label和alert两种，通过扩展 validator的msgModal实现 --> <form name='frm1' validate='true' msgModal='label'> <!-- 标题label的id = "lb_" + input的name --> <div><label id="lb_f1">订单数目1</label></div> <!-- 1, 通过设置属性进行验证,每个属性名对应插件的validator中的验证方法 2, 设置属性后，blur事件会触发 validator中的验证方法，自己可以在form.submit()前单独调用$.validateForm() 3, 可以通过添加更多的验证方法增加验证属性， --> <input id='f1' name='f1' number=1 maxlen=5 minlen=3 type='text' value='dfdf'> <!-- 提示语label的id = "msg_" + input的name --> <label id='msg_f1'></label> <input id='btn1' type='button' value='checkMe'> </form> <br> <form name='frm2' validate='true' msgModal='label'> <label id='lb_f1'>订单数目2</label> <input name='f1' number=1 maxlen=5 minlen=3 type='text' value='dfdf'> <label id='msg_f1'></label> <input id='btn2' type='button' value='checkMe'> </form> </body> <script> $("input[id^='btn']").click(function(){ /** 除了输入控件的blur事件会触发验证外 form提交前显式调用验证，无参数时验证所有标识validate='true'的form **/ var ret = $.validateForm($(this).closest("form")); } ); </script> 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
