Java的表單驗證我的網站

我已經創建了一個警告框，這將輸出的形式，我現在想知道的細節如何我啓動Java驗證一部分，所以，如果表單填寫正確的警告框的形式但如果錯誤指示用戶填寫無效框，則會顯示詳細信息。Java的表單驗證我的網站

HTML

<form id="foo" onsubmit="formAlert(); return false;" method="POST"> 
    <p><label for="first_name">First Name<label><input type="text" id="first_name" value="" /></p> 
    <p><label for="last_name">Last Name<label><input type="text" id="last_name" value="" /></p> 
    <p><label for="Phone_num">Phone Number<label><input type="number" id="phone_num" value="" /></p> 


    <p><input type="submit" value="click me" onclick=""/></p> 
</form>

Java腳本如果

function formAlert() { 
alert_string = ''; 
var userName = document.getElementById('first_name').value; 
var userLastName = document.getElementById('last_name').value; 
var phoneno = document.getElementById('phone_num').value; 
if(userName === "" || userName === null){ 
    alert("Please enter name"); 
} 
if(userLastName === "" || userLastName === null){ 
    alert("Please enter lastname"); 
}

其他（PHONENO ===「/ ^（（[0-9] {3}））？[ - ]？（[0-9] {3}）[ - 。]？（[0-9] {4}）$ /;「|| phoneno === null）{ alert（」Please enter Phone number「 }

else{ 
alert_string += userName + " "; 
alert_string += userLastName; 
alert_string += phoneno; 
alert(alert_string);

}}

來源

2017-03-17 James anderson

這個問題的一些標點符號會使閱讀更容易。有[*表單驗證已經很多*]（http://stackoverflow.com/search?q= [javascript] +表單+驗證），你有什麼嘗試？ – RobG

Java與JavaScript無關。 – epascarello

因此，添加if語句來檢查它們是否有效或使用html5驗證。 – epascarello

這裏有一個快速和簡單的解決方案。將此添加到您的JavaScript代碼中。希望能幫助到你！

function validatePhone(inputtxt) { 
var phoneno = /^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/; 
return phoneno.test(inputtxt) 
} 

function formAlert() { 
    alert_string = ''; 
var userName = document.getElementById('first_name').value; 
var userLastName = document.getElementById('last_name').value; 
var phoneno = document.getElementById('phone_num').value; 
if(userName === "" || userName === null){ 
alert("Please enter name"); 
} 
if(userLastName === "" || userLastName === null){ 
alert("Please enter lastname"); 
} 
else if(!validatePhone(phoneno)){ alert("Please enter 10 digits for phone number"); } 

else{ 
alert_string += userName + " "; 
alert_string += userLastName + " "; 
alert_string += phoneno; 
alert(alert_string); 
} 
}

檢查電子郵件簡單的使用要求。類似這樣的：

<input type="email" name="email" required>

有很多方法來驗證電話號碼。這裏有一個很好的例子：幸得：https://stackoverflow.com/a/18376246/4084160

來源

2017-03-17 01:28:04 HenryDev

感謝您的幫助，它可以很好地幫助您完成電話號碼和電子郵件驗證，例如上述解決方案。 –

@Jamesanderson如果你想檢查電子郵件只需使用所需的。我正在更新我的解決方案 – HenryDev

對於我的網站，我必須使用Java驗證，但感謝您提供的幫助，它非常有用。 –

還有其他辦法可以做到這一點。如果你有很多輸入，這是一個很好的方法

<html> 

<style> 
.required 
{ 
    border: 1px solid #F00; 
    padding: 2px; 
} 
</style> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<form id="foo" onsubmit="formAlert(); return false;" method="POST"> 
     <p><label for="first_name">First Name<label><input     type="text" id="first_name" value="" /></p> 
     <p><label for="last_name">Last Name<label><input type="text"   id="last_name" value="" /></p> 

     <p><input type="submit" value="click me" onclick=""/></p> 
    </form> 

    <div id="msgRequired" style="display: none;"> 
    <p>required Field!</p> 
    </div> 

<script>  

function formAlert() { 
     alert_string = ''; 
     var cont = 0; 
     $("#foo input").not(':hidden').each(function() { 
     if ($(this).val() == "") { 
      $(this).addClass("required"); 
      cont++; 
     } 
     else 
     { 
      $(this).removeClass("required"); 
     } 
    }); 
     if(cont == 0) 
     { 

     alert_string = alert_string + document.getElementById('first_name').value; 
     alert_string = alert_string + ' '; 
     alert_string = alert_string + document.getElementById('last_name').value; 

     alert(alert_string); 
     $("#msgRequired").hide(); 
     } 
     else 
     { 
     $("#msgRequired").show(); 
     } 

     } 
</script> 

</html>

來源

2017-03-17 02:00:25

感謝您的解決方案朋友，你可以告訴我如何驗證電子郵件地址或電話號碼。 –

@HenryDev回答的解決方案，是驗證的好方法。 –

Java的表單驗證我的網站

回答

相關問題