验证表格使用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

回答

相关问题