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

您可以将正则表达式用作

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

Answer 2

在return false;处理程序中添加onsubmit调用。代码将是：

<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/

验证手机号码用户

2 个答案: