PHP代碼電子郵件比較/驗證

Question

我想創建一個函數來比較兩個電子郵件字段。

如：

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> 

下面是JavaScript代碼我插入我的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> 

代碼工作。

一旦用戶進入第二個電子郵件地址，本地主機顯示一個警告，他說：「電子郵件不匹配」

對於額外的措施，我插入以下到窗體的屬性：的onsubmit =「返回confirmEmail（）

因此，如果用戶忽略的第一個警告，他當他設法按下提交鍵增加了第二個警告

不幸的是，這就是我堅持的原因是：。之後的第二w ^如果用戶仍未修改「確認電子郵件」，則提交按鈕仍然有效。表單已發送。

如何修改代碼，以便：錯誤消息繼續顯示，直到用戶正確更改email2？我試過使用WHILE函數和DO .... WHILE函數，他們工作............，除了這個錯誤消息一直顯示出來。 .......並且不允許我對電子郵件字段進行必要的更正（哈哈），我不得不完全關閉窗口）

Answer 1

我會用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> 

你formSubmit（）函數只會拉在價值觀和正確的檢查後提交。這樣，無論用戶輸入什麼，它都必須在提交之前通過驗證。

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(); 
} 

上面的函數將放入腳本標記中。它會針對每一個檢查email和email2，然後使用GET將email以與表單相同的方式提交到處理頁面。您也可以通過使用document.getElementById('#id').value來傳遞其他變量，然後通過GET方法發送它們。

Answer 2

首先，給你的提交按鈕的ID是這樣的：

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

而在你的，如果塊添加：

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

Answer 3

你可以做的是：

<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

試這個兄弟，

<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> 

和Java腳本

<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>