Ограничить недопустимые символы от ввода - 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; 
});