Javascript验证与php示例1

Javascript validation with php sample 1

本文关键字：示例 php 验证 Javascript      更新时间：2023-09-26

我有一个4个字段的表单姓名(必填)姓氏(必填)电子邮件(必需)电话(可选)(如果用户输入任何，它应该验证为一个数字或不)下面是我的表单

<form name="myForm" method="post" onsubmit="return validate();">
First Name : <input type="text" name="fname" id="id_fname"> <br>
Last Name : <input type="text" name="lname" id="id_lname"> <br>
Email : <input type="text" name="email" id="id_email"> <br>
Phone : <input type="text" name="phone" id="id_phone"> <br>
<input type="submit" value="send">
</form>

下面是javascript代码

<script type="text/javascript">
function validate()
{
 if (document.myForm.id_fname.value == '') {
alert("Enter First Name"); 
return false;}
else if(document.myForm.id_lname.value == '') {
alert("Enter Last Name");
return false; }

//现在这里的email验证不起作用

else if(document.myForm.id_email.value == '' || document.myForm.id_email.value != ''){
var x = document.myForm.id_email.value;
    var atpos=x.indexOf("@");
    var dotpos=x.lastIndexOf(".");
    if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
    alert("Not a valid e-mail address");
    return false;
    else
    return true;
    }

//这是电话号码，如果这个字段是空的不验证，如果这个字段不是空的，它应该验证只包含数字

else if(document.myForm.id_phone != '') {
var ValidChars = "0123456789";
var IsNumber=true;
var Char;
sText = document.form1.testfield2_phone.value ;
for (i = 0; i < sText.length && IsNumber == true; i++)
{
Char = sText.charAt(i);
if (ValidChars.indexOf(Char) == -1)
{
IsNumber = false;
}
}
if(IsNumber == false)
alert("Enter valid Number");
return false;
else
return true;
}

else
return true;
document.myForm.submit();
}
</script>

当我评论这些电子邮件和电话时，电子邮件验证和电话验证不起作用，我得到了名字和姓氏的验证…验证代码中是否有错误。

当表单被提交时，当我们刷新时，详细信息会再次被提交，如何避免这种情况

你为什么做得这么复杂??

if (document.myForm.id_fname.value.length < 3) {
    alert("Enter First Name");
    return false;
} else if (document.myForm.id_lname.value.length < 3) {
    alert("Enter Last Name");
    return false;
} else if (!/^'S+@'S+'.'w+$/.test(document.myForm.id_email.value)) {
    alert("Not a valid e-mail address");
    return false;
} else if (!/^'d+$/.test(document.myForm.id_phone.value)) {
    alert("Enter valid Number");
    return false;
}
return true;

语法错误较多，主要与else if

有关。对于重新提交，请查看Post - Redirect - Get (PRG)是web开发人员常用的设计模式，它可以帮助避免某些重复的表单提交，并允许用户代理更直观地使用书签和刷新按钮。
相关文章：