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

Question

嘿伙计们，我在将我的 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)"/>

你能帮我解决这个问题吗？抱歉，我对此有点陌生:(

谢谢！

Answer 1

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

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

Answer 2

我不明白您为什么使用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)"   />