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

我正在使用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插件键入单词吗？尽管受到限制，但仍然可以显示错误消息吗？

最佳答案

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

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