2013-07-30 56 views
1

我做簡單的HTML表單和使用JavaScript做驗證。不過我的表格沒有對錯誤停止...JavaScript驗證形式並沒有停止在錯誤

if(document.register.fname.value=="") 
{ 

alert("plz enter username"); 
document.register.fname.focus(); 
alert("plz enter username"); 
return false; 
} 

HTML部分是....

<input type="image" src="img/signup.PNG" alt="Sign Up" value="signup" onsubmit="return regis()" /> 

即使我留下空白,它會在另一頁.... plz幫助我,什麼是錯誤?

回答

1

你應該把JavaScript的表單上出現如下的驗證:

<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post"> 

如果您想在提交按鈕被按下,以驗證試試這個:

<input type="submit" value="Submit this form" onclick="validateForm('myForm');return false;" /> 
+0

感謝它現在就像一個魅力.... –

+0

它工作警報,但使用以下鱈魚時再次進入下一頁。 if(document.register.fname.value ==「」) { \t \t document.getElementById(「error1」)。innerHTML =「plz enter username」; \t return false; \t \t } @Thanos –

1

onsubmit只適用於form元素,而不是input元素。將您的onsubmit內嵌處理程序放置在form元素中。

一個更好的選擇是使用addEventListener爲:

document.register.addEventListener('submit', function(e) { 
    if(document.register.fname.value === "") 
    { 
    alert("plz enter username"); 
    document.register.fname.focus(); 
    e.preventDefault(); 
    } 
}); 
1

你需要把屬性onsubmit="return regis()"到表單中的form標籤。

喜歡這個

<form onsubmit="return regis()" ...