HTML 양식 유효성 확인 문제

Question

<script type="text/javascript"> 
function check(n,mail,msg) 
{ 
if(name.toLowerCase()== "") 
{ 
alert("Please Enter your name."); 
document.getElementById("Name").select(); 
    document.getElementById("Name").focus(); 
    return false; 
} 
else if(lname.toLowerCase()== "") 
{ 
    alert("Please Enter your email.") 
    document.getElementById("email").select(); 
    document.getElementById("email").focus(); 
    return false; 
} 
else if(ph == "") 
{ 
    alert("Please Enter your Contact Number.") 
    document.getElementById("message").focus(); 
    return false; 
} 

return true; 
} 

==================== =================

<form method="post" name="contact_form" action="contact-form-handler.php"> 

<p> Your Name: 
<input type="text" name="name"></p> 

<p>Email Address: 
<input type="text" name="email"></p> 

<p>Message: 
<textarea name="message"></textarea></p> 

====================== ===================

<input type="button" value="submit" onclick="return check(document.getElementById('name').value,document.getElementById('email').value,document.getElementById('message').value)" /> 

======== ===================================

버튼을 클릭 할 때 HTML 유효성 검사에 문제가 있습니다. 유효성 검사가 수행되지 않습니다.

Answer 1

대신 버튼이 시도 :

<input type="button" value="submit" onclick="function(){ check(document.getElementById('name').value,document.getElementById('email').value,document.getElementById('message').value)}" /> 

Answer 2

을 대신 .. 아래 양식에 유효성 검사를 추가 : 100 % 시간

<form method="post" name="contact_form" action="contact-form-handler.php" 
onsubmit="return validateForm()"> 

이 작동

Answer 3

<form method="post" name="contact_form" action="contact-form-handler.php"> 

<p> Your Name: 
<input type="text" id="name" name="name"></p> 

<p>Email Address: 
<input type="text" id="email" name="email"></p> 

<p>Message: 
<textarea id="message" name="message"></textarea></p> 

사용 이 HTML 마크 업. 그것에는 당신이 놓친 ID가 있습니다. document.getElementById ("name")을 사용하고 있습니다. 그러나 입력 필드에는 id "name"이 없습니다. 다른 필드와 동일합니다.