Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 当我提交页面时,屏蔽输入电话号码会清除文本框_Jquery_Jquery Plugins_Maskedtextbox_Maskedinput - Fatal编程技术网

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

Jquery 当我提交页面时,屏蔽输入电话号码会清除文本框,jquery,jquery-plugins,maskedtextbox,maskedinput,Jquery,Jquery Plugins,Maskedtextbox,Maskedinput,我对此有两个问题: 1) 我有这样的电话格式: $('#phone').mask('(999) 999-9999'); 因此,当我提交表单时,我想验证用户是否输入了全部10个数字,所以我尝试了类似的方法,但是 但不知怎的,我得到了面具角色,我怎么能只有phoe号码呢 if ($('#phone').length == 10) { alert("10"); } else { alert("not 10"); } 2) 当我提交表单时,它会清除电话文本框,我如何将电话号码保留在文本

我对此有两个问题:

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

电话号码:
(999) 999-9999

错误。。。

$(“#提交签名”)。单击(函数(事件){ 如果($('#phone')。长度==10){ //做点什么。。 } 否则{ 警报(“非10”); } 返回; });
1) 我有电话格式之类的 这:

如果调用
$(“#phone”).val(),则需要
$(“#phone”).length==10
。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();
    }
});
举个例子

1) 我有电话格式之类的 这:

如果调用
$(“#phone”).val(),则需要
$(“#phone”).length==10
。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();
    }
});

上的示例。

已尝试,但转到其他条件
$(“#phone”).val().length
当我调试时,我得到
$(“#phone”).val().length
=
1
标记:在我收到警报消息后,它会清除文本框。。。如何避免这种情况?如果表单无效,您可以返回false,或者我认为您可以执行一个事件。preventDefault()改为不允许“提交”按钮发送表单。@Abu,Paul是正确的,请参阅更新的代码,如果页面无效,fiddle将返回false。已尝试,但转到其他条件
$(“#phone”).val().length
当我调试时,我得到
$(“#phone”).val().length
=
1
标记:在我收到警报消息后,它会清除文本框。。。如何避免这种情况?如果表单无效,您可以返回false,或者我认为您可以执行event.preventDefault()操作,不允许“提交”按钮发送表单。@Abu,Paul是正确的,请参阅更新的代码,如果页面无效,则fiddle返回false。