jquery - 当我提交页面时，屏蔽的输入电话号码会清除文本框

Question

我有两个问题：

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; 
});

Answer 1

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上的示例。