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

Question

我正在使用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插件限制输入单词吗？当它受到限制时，错误消息还能显示吗？？

Answer 1

如果你想完全禁止输入“无效”字符，你应该添加一个按键事件侦听器，当有人输入与你的正则表达式不匹配的字符时，它会返回false。示例：

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