`
metas
  • 浏览: 560 次
  • 性别: Icon_minigender_1
最近访客 更多访客>>
社区版块
存档分类
最新评论

一个Form验证的jquery插件，欢迎试用，好用就说一声

jQuery 
阅读更多
<!--
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>
分享到：
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics