我无法验证我的电子邮件在html模板

-1

我创建了一个字段的HTML注册表单，并且我在每个字段上设置了验证。但是我的电子邮件验证工作不正常。下面给出了我的HTML页面。我无法验证我的电子邮件在html模板

home.html的

<html > 
<head> 

     <!--external javascript--> 
<script type="text/javascript"> 

function validateForm() 
{ 

var x=document.forms["form1"]["firstname"]; 
if (x.value=="") 
    { 
    alert("Please enter the First name."); 
    x.focus(); 
    return false; 
    } 



x=document.forms["form1"]["lastname"]; 
if(x.value=="") 
    { 
    alert("Please enter the Last name."); 
    x.focus(); 
    return false; 
} 


if((document.form1.gender[0].checked==false)&&(document.form1.gender[1].checked==false)) 
{ 
    document.form1.gender[0].focus(); 
    alert("Please select a gender."); 
    return false; 
} 
var dd=document.form1.dd.value; 
var mmm=document.form1.mmm.value; 
var yyyy=document.form1.yyyy.value; 
if(!validdate(dd,mmm,yyyy)) 
{ 
    return false; 
} 

x= document.getElementById("email"); 
if(x.value==null || x.value=="") 
{ 
    alert("Please enter the Email."); 
    x.value=""; 
    x.focus(); 
    return false; 
} 



if(confirm("Do you want to submit the form?")) 
{ 
alert("Registration Form Submitted Successfully."); 
} 
else 
return false; 

} 
function validdate(dd,mm,yyyy) 
{ 
    var dateobj = new Date(yyyy, mm, dd); 
    var datecurrent= new Date(); 
    if((dateobj.getMonth()!=mm)||(dateobj.getDate()!=dd)||(dateobj.getFullYear()!=yyyy)||(dateobj>datecurrent)) 
    { 
    alert("Please select a valid date."); 
    return false; 
    } 
    return true; 
} 



function confirmreset() 
{ 
    return confirm("Do you want to reset the form?"); 
} 




</script> 

</head> 
<body> 

<center> 
<h1>Demo Registration Form</h1> 
<form name="form1" method="post" action="success.html"> 

<table border='0'> 
<tr> 
    <td><LABEL for="firstname">First Name:<sup style="color:#F00">*</sup> </LABEL></td> 
     <td><INPUT type="text" id="firstname"></td> 
</tr> 
<tr> 
    <td><LABEL for="lastname">Last Name:<sup style="color:#F00">*</sup> </LABEL></td> 
    <td><INPUT type="text" id="lastname"></td> 
</tr> 

<tr> 
    <td><LABEL for="gender">Gender:<sup style="color:#F00">*</sup> </LABEL></td> <td><INPUT type="radio" name="gender" value="Male"> Male 
    <INPUT type="radio" name="gender" value="Female"> Female </td> 
</tr> 
<tr> 
    <td><LABEL for="dob">Date of Birth:<sup style="color:#F00">*</sup> </LABEL></td> 
    <td> 
    <select id="dd"> 
     <option value="dd">DD</option> 
     <script type="text/javascript"> 
    for(var i=1;i<32;i++) 
    document.write("<option value='"+i+"'>" + i+"</option> "); 
    </script> 
     </select> 
       </select> 
       <select id="mmm"> 
     <option value="mmm">MMM</option> 
     <option value="0">JAN</option> 
     <option value="1">FEB</option> 
     <option value="2">MAR </option> 
     <option value="3">APR</option> 
     <option value="4">MAY</option> 
     <option value="5">JUN</option> 
     <option value="6">JUL</option> 
     <option value="7">AUG</option> 
     <option value="8">SEP</option> 
     <option value="9">OCT</option> 
     <option value="10">NOV</option> 
     <option value="11">DEC</option> 
     </select> 
     <select id="yyyy"> 
      <option value="yyyy"selected>YYYY</option> 
     <script type="text/javascript"> 
    var dt= new Date(); 
    for(var i=1979;i<=dt.getFullYear();i++) 
    document.write("<option value='"+i+"'>" + i+"</option> "); 
    </script> 
    </select> 

    </td> 
</tr> 
<tr> 
    <td><LABEL for="email" style="text-align:left;">Email:<sup style="color:#F00">*</sup> </LABEL></td> 
    <td><INPUT type="text" id="email"></INPUT> 
    </td> 


</tr> 


<tr> 
    <td></td><td><br/><INPUT type="submit" onClick="return validateForm()" value="Submit"> 
    <INPUT type="reset" onClick="return confirmreset()"></td> 
</tr> 

<tr> 
    <td></td><td style="font-size:12px;text-align:right;"><br/><i style="color:red;font-size:12px;align:right;" >* - Mandatory</i></td> 
</tr> 
    </table> 
</FORM></center> 
</body> 
</html>

如何设置电子邮件验证。同时我想用给定的代码设置password and confirm password fields？对我有帮助吗？请帮助

来源

2016-09-26 Andrea

使用而不是type =“text” – Marcin

-1

您可以使用这种输入方法。

对于密码的方法：

您可以创建一个密码和密码确认这个样子。 <input type="password" name="password" placeholder="Password"/>和确认密码，您可以使用相同的，像这样的例子<input type="password" name="cpassword" placeholder="Confirm Password"/>

要检查密码匹配，你可以使用这个PHP代码确认密码：

if($password != $cpassword) { $error = true; $cpassword_error = "Password and Confirm Password doesn't match"; }

你的意思是'电子邮件验证'？如果这意味着像一个密码确认字段相同而是与电子邮件您可以使用此：

<input type="text" name="email" placeholder="Email"/> 并确认电子邮件：<input type="text" name="cemail" placeholder="Email"/>

现在你可以检查电子邮件在同作为密码的方式。

如果这意味着要检查你的电子邮件，如果它是用“@”和有效的结构正确的电子邮件，......你可以使用这个PHP代码：

if(!filter_var($email,FILTER_VALIDATE_EMAIL)) { $error = true; $email_error = "Please Enter Valid Email ID"; }

这里是' $ email'输入的名字。

您可以通过键入echo $email_error 呼应的错误，我希望这有助于。更多的帮助让我知道！

来源

2016-09-26 17:32:53 rombie18

我无法验证我的电子邮件在html模板

回答

相关问题