限制无效字符被输入 - jquery-validate

时间:2014-09-29 18:40:36

标签: javascript jquery asp.net-mvc-4 jquery-validate masking

我使用jquery-validation插件验证简单表单。它工作得很好。 是否可以限制密钥在textbox中完全输入。

我得到了FIDDLE这与我想要的有点接近。

<form id="myform" method="post" action="">
    <input type="text" id="cstName" name="cstName" />
    <input type="text" id="cntNumber" name="cntNumber" />

    <input type="submit" id="btn" name="btnSubmit" value="Submit" />
</form> 

$.validator.addMethod(
        "regex",
        function (value, element, regexp) {
            var re = new RegExp(regexp);
            return this.optional(element) || re.test(element);

        },
        "Please check your input."
);

$(document).ready(function () {

  $("#myform").validate({    
     rules: {
         cstName: {
             required: true, regex: /^[0-9\.\-\/]+$/
                },
         cntNumber: {
             required: true
           }
      }
  });
});

这是在我的MYFIDDLE中创建的简单表单。

可以使用jquery-validate插件限制单词的输入。虽然它受到限制,但错误信息是否仍会显示?

1 个答案:

答案 0 :(得分:1)

如果您要禁用输入无效&#39;完全是字符,你应该添加一个按键事件监听器,当有人输入与你的正则表达式不匹配的字符时,它会返回false。例如:

$('input[name=cntNumber]').on('keypress', function(e) {
    return String.fromCharCode(e.which).match(/[0-9\.\-\/]/) !== null;
});