jQuery中的自定义验证

Question

我有一个验证规则。 但是我希望它以自定义的方式表现。

这是我的规则：

       FirstName:{ 
          required: true,
          minlength:5,
          maxlength:35,
          alphanumeric:true
        }

和错误消息：

      messages: 
      {
      FirstName: "Please enter the First Name"
      }

在规则中，如果我在第一笔划中按特殊字符，则会向我显示错误消息。

我所做的任何错误都会向我显示相同的错误消息。

我希望它根据我的错误行事。

即

如果我输入4个字符，则应该显示其他错误消息，例如“最小5个字符”

如果我输入的字符超过35个字符，则应该出现类似“最大35个字符”的其他错误消息。

我怎样才能做到这一点 ？

当极客需要完整格式的JS时进行更新：

<script>
var jq = $.noConflict();
jq(document)
    .ready(function () {
            jq("#data")
                .validate({
                        rules: {
                            FirstName: {
                                required: true,
                                minlength: 5,
                                maxlength: 35,
                                alphanumeric: true
                            },
                            messages: {
                                CompID: "Please choose any Company"
                            }
                        })

                    jq('#driver')
                    .click(function () {
                        jq("#data")
                            .valid();
                    });
                });

Answer 1

像这样

根据您的装备替换“ rangelength”。 JS

jQuery.validator.setDefaults({
  debug: true,
  success: "valid"
 });
$( "#myform" ).validate({
   rules: {
   field: {
   required: true,
   rangelength: [2, 6]
   }
 }
});

HTML

<form id="myform">
<label for="field">Required, minium length 2, maximum length 6: </label>
<input type="text" class="left" id="field" name="field">
<br/>
<input type="submit" value="Validate!">

为您的Restict Special Char。

    var specialKeys = new Array();
         specialKeys.push(8); //Backspace
         specialKeys.push(9); //Tab
         specialKeys.push(46); //Delete
         specialKeys.push(36); //Home
         specialKeys.push(35); //End
         specialKeys.push(37); //Left
         specialKeys.push(39); //Right
         function IsAlphaNumeric(e) {
        var keyCode = e.keyCode == 0 ? e.charCode : e.keyCode;
            var ret = ((keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) ||                    (keyCode >= 97 && keyCode <= 122) || (specialKeys.indexOf(e.keyCode) != -1 && e.charCode !=   e.keyCode));
         document.getElementById("error").style.display = ret ? "none" : "inline";
          return ret;