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

发布于 2024-10-20 23:58:55 字数 853 浏览 2 评论 0原文

我有两个问题：

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

原文

i have two issues with that:

1) i have phone format something like this:

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

so when i submit the form i want to validate if the user has entered all 10 numbers so i tried something like this but

but somehow i am getting the mask character, how can i have just phoe number?

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

2) when i submit the form it clears the phone textbox, how can i keep the phone number in the textbox?

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

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

任谁 2024-10-27 23:58:55

1）我的电话格式类似于
这个：

如果你调用 $('#phone').length 你会得到 $("#phone").val().length == 10 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) i have phone format something like
this:

You will want $("#phone").val().length == 10 if you call $('#phone').length you are getting the number of elements matched by the jQuery selector not the value of the text box.

$('#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();
    }
});

Example on jsfiddle.

回复收藏 0 原文

~没有更多了~