Я бы предложил использовать jQuery Validate , а затем расширил функциональность с помощью приведенного ниже кода, который я нашел в этом сообщении в блоге .
Он предлагает хорошийфрагмент кода (и он становится лучше в комментариях), который вы можете использовать для международных номеров, а также номеров телефонов США.Я уже использовал плагин additional methods
, поэтому я переименовал метод intlphone
, а затем код на мою веб-страницу, после jQuery и до настройки document.ready
/ validation:
jQuery.validator.addMethod('intlphone', function(value) { return (value.match(/^((\+)?[1-9]{1,2})?([-\s\.])?((\(\d{1,4}\))|\d{1,4})(([-\s\.])?[0-9]{1,12}){1,2}(\s*(ext|x)\s*\.?:?\s*([0-9]+))?$/)); }, 'Please enter a valid phone number');
НаВ поле ввода я хотел указать номер телефона. Я установил класс intlphone
и добавил свойство / атрибут HTML5 для минимальной длины (хотя это также можно сделать, указав правила проверки при настройке проверки), поэтому мой ввод былчто-то вроде:
<input class="required intlphone" name="phone" minLength="7" type="text" />
Как говорится в сообщении в блоге, он принимает цифры, а также -+()
, а также пробелы и расширения в формате x:
или ext:
Это негарантировать, что номер телефона будет действителен в 100% случаев, но это неплохое начало.