2017-03-25 5 views
-2

연락처 필드를 추가 및 제거하고 문제 해결을 위해 두 개로 계산했습니다. 여러 브라우저에서 시도했지만 경고를받을 수 없습니다. 그가 여기에 올바른 방향으로 향하고 있다는 것을 알기 만하면 또 다른 눈 세트가 도움이 될 것입니다! 나는 개인적으로,alert()이 유효성 검사를 위해 작동하지 않습니다.

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

검증을 위해 : 여기

이 된 .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

이 줄의 끝에>를 추가하는 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> 

입니다 이런 식으로 할 것입니다 :

<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