我不能在html模板上验证我的电子邮件

I can't validate my email on html template

本文关键字：验证 我的 电子邮件 不能 html      更新时间：2023-09-26

我创建了一个带有一些字段的HTML注册表单。我还在每个字段上设置了验证，但是我的电子邮件验证不能正常工作。下面是我的HTML页面。

home。

<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 ?我可以吗?请帮助

您可以使用输入法。

密码方法:

您可以像这样创建密码和密码确认。<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"; }

你说的'Email validation'是什么意思?如果它的含义与密码确认字段相同，但与电子邮件相同，则可以使用以下命令:

<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来回显错误我希望这对你有所帮助。任何更多的帮助，让我知道!

相关文章：