此电话号码验证器不起作用:/。为什么?
理想情况下,如果可选电话字段不为空,它应该继续验证表单。
电话字段是可选的,不是必需的。
验证表单:
- 电话字段是可选的。这意味着它不是必需的。
- 它应该忽略比较除数字之外的所有内容。
- 如果位数为 != 10 个数字,则应显示错误。
- 如果计数等于 10 位,它应该传递给 name.php(参见 HTML)
Javascript代码:
function validateForm() {
var x=document.forms["form"]["name"].value;
if (x==null || x=="")
{
alert("Name is required.");
return false;
}
var y=document.forms["form"]["email"].value;
var atpos=y.indexOf("@");
var dotpos=y.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=y.length)
{
alert("Valid email required.");
return false;
}
var formValue = document.forms["form"]["number"].value;
var regExpressionValue = /[^\d.]/g;
if (formValue !== null)
{
if (regExpressionValue.test(formValue) !== true)
{
alert("Optional phone number invalid. Example: [1234567890].");
return false;
}
}
return true;
}
HTML:
<form class="form" id="form" name="form" method="post" action="name.php" onsubmit="return validateForm()" />
<input type="text" name="name" id="name" />
<input type="text" name="email" id="email" />
<input type="tel" name="number" id="number" />
<button type="submit" value="Send" />Sign Up</button>
<div class="spacer"></div>
</form>