用于电子邮件比较/验证的PHP代码

Question

I am trying to create a function to compare two email fields.

As in :

Email : <input type="text" name="email" id="email" value="<?=$email?>"    
required> 

Confirm email : <input type="text" name="email2" id="email2" 
onblur="confirmEmail()" value="<?=$email2?>" required>

Here is the JavaScript code I inserted into my HTML :

 <script type="text/javascript">
 function confirmEmail() {
 var email = document.getElementById("email").value
 var email2 = document.getElementById("email2").value
 if (email != email2) {
 alert('Email Not Matching!');  }
    }
 </script>

The code works.

Once the user enters the second email address, localhost displays an alert, saying : " Email not matching "

For extra-measure, I inserted the following into the form's properties : onsubmit="return confirmEmail()

So, if the user ignores the first warning, he gets a second warning when he tries to press the SUBMIT button.

Unfortunately, this is where I am stuck. Because : after the second warning, if the user still does not modify the "confirm email" , the SUBMIT button still works The form gets sent.

How can I modify the code, so that : the error message continues to display until the user changes the email2 correctly??

(I tried using the WHILE function, and the DO....WHILE function. They worked............except that, the error-message kept displaying over and over.........and did not allow me to make the required correction to the email field (haha). I had to close the window completely)

Answer 1

I would submit the form with JavaScript.

<form>
  Email : <input type="text" name="email" id="email" value="<?=$email?>"    
required> 

  Confirm email : <input type="text" name="email2" id="email2" 
onblur="confirmEmail()" value="<?=$email2?>" required>
</form>

<button onclick="formSubmit()">Learn More</button>

Your formSubmit() function would simply pull in the values and submit them after the proper check. This way, regardless of what the user enters, it has to go through your verification before it is submitted.

function formSubmit() {
  var email = document.getElementById("email").value;
  var email2 = document.getElementById("email2").value;
  if (email != email2) {
  alert('Email Not Matching!');  
} else {
  if (window.XMLHttpRequest) {
      // code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
  } else { // code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.open("GET","/Your/Path/To/Your/Form-Processing/?email="+email,true);
  xmlhttp.send();
}

The function above will go in your script tags. It checks email and email2 against each and then submits email with GET to the processing page the same way your form would. You can also pass other variables the same way by getting them with document.getElementById('#id').value and then send them through the GET method.

Answer 2

First, give your submit button an ID like this:

<input type="submit" value="Submit" id="mySubmit" disabled="disabled">

And in your if block add:

if (email !== email2) {
  alert('Not matching')
  document.getElementById("mySubmit").disabled = true;
}else{
  document.getElementById("mySubmit").disabled = false;
}

Answer 3

What you could do is:

 <script type="text/javascript">
 var count=0;

 function confirmEmail() {
 var email = document.getElementById("email").value
 var email2 = document.getElementById("email2").value

 function chkEmail(){
     if (email != email2 && count==0)
       { alert('Email Not Matching!'); count++ }
     else if(email!=email2 && count ==1)
       //display warning
   }
chkEmail();
    }
 </script>

Answer 4

try this bro,

<form name="form" method="post" action="">
Email : <input type="text" name="email" id="email" value="<?=$email?>" required> 

Confirm email : <input type="text" name="email2" id="email2" value="<?=$email2?>" required>
<input type="submit" value="submit" onsubmit="return confirmEmail();"/>

</form>

and in java script

 <script type="text/javascript">


 function confirmEmail() {
 var email = document.getElementById("email").value;
 var email2 = document.getElementById("email2").value;


     if (email != email2)
       { alert('Email Not Matching!');  return false; }
     else {
       return true;
      }

   }

 </script>