驗證表格使用jquery

我正在做我的註冊頁面在html中使用jquery進行客戶端驗證。提交表單沒有提供文本條目後，我得到了適當的信息，我給了jQuery的功能提醒框。但問題是點擊警告框上的「確定」按鈕後，表單將直接提交到操作頁面。任何人都可以幫助它。謝謝，斯瓦米。驗證表格使用jquery

<script> 
function Submit(){ 
var fname = $("#fname").val(); 
if($("#fname").val() == ""){ 
alert("please enter firsname") 
return false; 
}; 
}; 
</script> 
<form method="post" action="#"> 
//fields here 
<input type="button" value="Register" onclick="Submit();"> 
</form>

來源

2017-10-13 swamy

你需要把它放在窗體的onsubmit上。不在按鈕的onclick上。 – Ivar

[JavaScript代碼停止表單提交]的可能重複（https://stackoverflow.com/questions/8664486/javascript-code-to-stop-form-submission） – Ivar

-1

編輯： 嗯，我重寫我的代碼片段 - 它現在應該工作。

<script> 
function validateForm() { 
    var fname = $("#fname").val(); 
    if(fname === "") 
    { 
    alert("Please enter your name!"); 
    return false; 
    } else { 
    $("#formid").submit(); 
    return true; 
    } 
} 
</script> 
<form id="formid" method="post" action="#"> 
    <input type="text" id="fname"> 
    <input type="button" value="Register" onclick="return validateForm();"> 
</form>

看一看這個：JavaScript code to stop form submission。

來源

2017-10-13 13:27:23

驗證表格使用jquery

回答

相關問題