Question

我有两个问题：

1）我有这样的电话格式：

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

因此，当我提交表单时，我想验证用户是否输入了所有10个号码，所以我尝试过这样的事情但是

但不知怎的，我得到了面具角色，我怎么才能得到phoe号？

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

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

1 个答案: