Validation form using Jquery

Question

I am doing client side validation to my registration page in html by using jquery. After submitted the form without giving text entries, I am getting the alert box with proper info what I have given in jquery function. But the problem is after click on "OK" button on alert box, the form is going to submit to action page directly. Can any one please help on it. Thanks, Swami.

<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

Edit: Well, I rewrote my code snippet - it should work now.

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

Have a look at this: JavaScript code to stop form submission .