JavaScript jquery-form-validate html标签中实现 验证信息的修改 messages

发表于 分类于 阅读次数：

示例代码：

1
2
3
4
<dl class="element">
    <dt>E-mail：</dt>
    <dd><input type="text" name="info[email]" class="text required email" data-validation="required" data-msg-email="请输入有效的Email地址"/></dd>
</dl>

实例二：

1
2
3
4
5
<input id="inputSignupEmail" class="span10" name="email" type="text" placeholder="Email" 
 data-rule-required="true" 
 data-rule-email="true" 
 data-msg-required="请输入Email地址" 
 data-msg-email="请输入有效的Email地址"/>

从中可以看出规则的使用，不在需要单独写js来定义了，除非你要remote

调用jquery-validate

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script src="/js/jquery-validation/dist/jquery.validate.js" type="text/javascript"></script>
<script src="/js/jquery-validation/lib/jquery.form.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function(){
        //去掉提示
        jQuery.validator.messages.required = "";
        $('form#yuyue').validate({
            borderColorOnError : '#FFF',
            invalidHandler: function(e, validator) {
                //错误个数
                var errors = validator.numberOfInvalids();
                if (errors) {
                    $("label.error").css('display',"none");
                } else {
                    $("label.error").hide();
                }
            }
        });
    });
</script>