验证手机号码。的用户

Question

我有以下功能来验证手机号码。

function validate() 
{ 
var a = document.form.mobile_no.value; 
if(a=="") 
{ 
alert("please Enter the Contact Number"); 
//document.form.mobile_no.focus(); 
return false; 
} 
if(isNaN(a)) 
{ 
alert("Enter the valid Mobile Number(Like : 9566137117)"); 
//document.form.mobile_no.focus(); 
return false; 
} 
if((a.length < 1) || (a.length > 10)) 
{ 
alert(" Your Mobile Number must be 1 to 10 Integers"); 
//document.form.mobile_no.select(); 
return false; 
} 

}

我称从形式作为功能：

<form action="" method="post" onsubmit="validate()" id="teacher_form"> 

和来自用户的输入被取为：

但这个过程并不验证结果，因为它应该。该条目被接受而没有输入验证。

Answer 1

在onsubmit处理程序中添加return false;呼叫。该代码将是：

<form action="" method="post" onsubmit="validate(); return false;" id="teacher_form"> 

为了获得更好的性能和功能的多种用法，通过形式参数：

<form action="" method="post" onsubmit="validate(this); return false;" id="teacher_form"> 

功能将是这样的：

function validate(x) { 
    var a = x.mobile_no.value; 

你可以看到它在这里工作：http://jsfiddle.net/h9b8G/

Answer 2

你可以使用正则表达式作为

var regexMobile = /^[0-9]+$/; 
var a = document.form.mobile_no.value; 
if (a.length < 10 || !a.match(regexMobile)) { 
    alert("Enter valid 10 digit Mobile Number"); 
    return false; 
}