2017-03-25 52 views
-2

我嘗試添加和刪除聯繫人字段,並將其解決爲兩個問題。我曾在多個瀏覽器中嘗試過,但我似乎無法獲得警報。只是希望在這裏指出正確的方向,另一組眼睛可能會有所幫助!alert()不能用於驗證

這裏是HTML

<html> 
    <head> 
     <title> Sugar Shippers International Snacks</title> 
     <link rel="stylesheet" type="text/css" href="styletest.css" /> 
     <script src="/validateInputtesting.js"></script> 
    </head> 

    <body> 

    <div class="container"> 
    <div class="main"> 
    <h2> 
     Contact us! 
    </h2> 

    <form action="#" method="post" onsubmit="return ValidateInput()"> 
     <label>Name: </label> 
     <input id="name" name="name" type="text"> 
     <label>Email: </label> 
     <input id="email" name="email" type="text"> 
     <input type="submit" value="Lets Go" 
     </form> 
     </div> 
     </div> 
    </body> 
</html> 

這裏是.JS

function ValidateInput() { 
var name = document.getElementById("name").value; 
var email = document.getElementById("email").value; 
var emailReg = /^([\w-\.][email protected]([\w-]+\.)+[\w-]{2,4})?$/; 

if (name != '' && email != '') { 
if (email.match(emailReg)) 
alert("Not a real Email address!"); 
return false; 
} 
alert("Missing feilds!"); 
return false; 
} 
+0

你的'if'不會工作。警報沒有問題。 – divy3993

+0

拉起調試控制檯(大多數瀏覽器中的F12)以查看是否有任何錯誤消息。還請檢查網絡選項卡以確保您的腳本正在加載。 – jdigital

+1

您的實際輸入中是否有拼寫錯誤或者僅僅是在這裏的問題? ' j08691

回答

0

添加>這一行的末尾:

<input type="submit" value="Lets Go" 

爲了驗證,我個人會這樣做:

<input id="email" type="email" name="email" placeholder="Email" required pattern="[a-z0-9._%+-][email protected][a-z0-9.-]+\.[a-z]{2,4}$"> 
+0

是的......我錯過了>。如果某個字段中缺少某些內容,它現在會發出警報。它似乎沒有驗證電子郵件地址,但是,我想知道如果我設置不正確。 – BigDumb

+0

更新了我的回答 – Xander

+0

發現它,需要使它「if(!email.match」 – BigDumb