Маскированный номер телефона при вводе страницы очищает текстовое поле - PullRequest
Новая
       16

Маскированный номер телефона при вводе страницы очищает текстовое поле

1 голос
/ 07 марта 2011

У меня есть две проблемы с этим:

1) у меня телефон примерно такой: 

$('#phone').mask('(999) 999-9999');

поэтому, когда я отправляю форму, я хочу проверить, ввел ли пользователь все 10 цифр, поэтому я попробовал что-то подобное, но

но каким-то образом я получаю маску, как я могу получить только номер Фо? 

if ($('#phone').length == 10) {
    alert("10");
}
else {
   alert("not 10");
}

2) когда я отправляю форму, она очищает текстовое поле телефона, как я могу сохранить номер телефона в текстовом поле? 

<div>
        Phone Number:
        <input id="phone" type="text" />
        (999) 999-9999
        <br />
        <div id='display'>
            error...</div>
        <input id="submitSignup" type="submit" value="Signup" /><br />
        <br />
                 </div>


$("#submitSignup").click(function (event) {

 if ($('#phone').length == 10) {
        //do something..
   }
  else {
      alert("not 10");
    }
   return; 
});

1 Ответ

1 голос
/ 07 марта 2011

1) у меня есть телефонный формат примерно такой:

Вы захотите $("#phone").val().length == 10, если вы позвоните $('#phone').length, вы получите количество элементов, совпадающих с селектором jQuery, а незначение текстового поля. 

$('#phone').mask('(999) 999-9999');
$("#submitSignup").click(function(event) {
    if ($('#phone').val().length == 14) {
        alert("valid");
    }
    else {
        alert("not valid");
        return false; //stop the form to submit, also could use event.preventDefault();
    }
});

Пример jsfiddle .

...