javascript - 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!">

为了你的限制特殊 Angular 色。

    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;