#javascript #jquery #html #jquery-inputmask
#javascript #jquery #HTML #jquery-маска ввода
Вопрос:
Я использую плагин RobinHerbots / Inputmask для маскировки ввода tel. Я хотел знать, как я могу проверить входные данные, чтобы убедиться, что пользователь ввел правильную информацию. Спасибо!
<form>
<input type="tel" id="phone" name="phone">
</form>
<script>
$("#phone").inputmask({"mask": "999-999-9999"});
</script>
Комментарии:
1. Вы связали плагин jQuery?
2. @MaksimsKitajevs Да, я просто хочу проверить входные данные. Например, я бы использовал это регулярное выражение для проверки
^( ?27|0)[6-8][0-9]{8}$, но не могу, поскольку использую плагин.3. Значит, вам нужно решение только с этим
inputmask()? Всегда лучше использовать собственные решения, чем плагины.4. @MaksimsKitajevs да, я знаю, что так лучше, человеку, на которого я работаю, это нужно именно так, вот почему. В любом случае спасибо.
Ответ №1:
В документации указано, что вы можете использовать следующий код, чтобы уведомить вашего пользователя, был ли введен правильный формат:
if ($(selector).inputmask("isComplete")){
//do something
}
Итак, для вашего случая это может быть что-то вроде:
if ($("#phone").inputmask("isComplete")){
/* here you can do whatever you want to notify your user that it is correct
for example change the input color to green or something like that
*/
alert('your telephone input is correct');
}
Или, если вы будете следовать демонстрации, которую они использовали для вас, это будет что-то вроде:
$("#phone").inputmask({"mask": "999-999-9999"}, {
oncomplete: function () {
//Do something
}
});
Комментарии:
1. @lawkunchi, я удалил ваше дополнение к ответу, и, конечно, добавление «Спасибо за помощь» внутри ответа противоречит назначению области ответов. Ответ должен быть сформулирован словами отвечающего, а не вами, спрашивающим. Если вы хотите поделиться тем, что в конечном итоге заставило его работать, опубликуйте это как новый ответ (если вы думаете, что это принесет пользу будущим посетителям), но сохраните этот как принятый.