使用Jquery验证表单

Question

我正在使用jquery在html中对我的注册页面进行客户端验证。提交表单后没有给出文本条目，我收到警告框，其中包含我在jquery函数中给出的正确信息。但问题是在点击＆＃34; OK＆＃34;警告框上的按钮，表单将直接提交到操作页面。 任何人都可以帮忙。 谢谢， 斯瓦米。

<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>

Answer 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。