电话号码验证器按钮不起作用

时间:2013-05-02 04:55:30

标签: javascript html

嘿伙计们,我在将我的javascript函数调用到我的主HTML页面时遇到了一些问题。

我有javascript代码:

function phonenumber(inputtxt)  
{  
  var phoneno = /^\d{10}$/;  
  if(inputtxt.value.match(phoneno))  
  {  
      return true;  
  }  
  else  
  {  
     alert("Not a valid Phone Number");  
     return false;  
  }  
}

但是当我在我的HTML中调用它时,我有这段代码:

<input type='text' name='text1'/>Phone Number: <input type="submit" name="submit" value="Submit" onclick="phonenumber(document.form1.text1)"/>

你能帮我解决这个问题吗?抱歉,我对此有点新鲜:(

谢谢!

2 个答案:

答案 0 :(得分:3)

您的onclick属性需要知道验证是否通过。换句话说,您应该返回验证程序函数中的值。

... onclick="return phonenumber(document.form1.text1)" ...

答案 1 :(得分:0)

我不明白你为什么使用onlclick方法验证手机号码。领域。我有一个函数试试这个来验证数字

function isNumberKey(evt)
{
   var charCode = (evt.which) ? evt.which : evt.keyCode
   if (charCode > 31 && (charCode < 48 || charCode > 57) ) // put your condition here
      return false;

   return true;
}

并使用

启动它
<input type="text" name="mobile" id="mobile" class=""  onkeypress="return isNumberKey(event)"   />