Javascript Form How to - Return false in form Submit button click event to stop form submission

Question

We would like to know how to return false in form Submit button click event to stop form submission.

Answer


<!--from   w  w  w. j a  va2s . c o  m-->
<html>
<head>
<script language="JavaScript">
function chkForm()
{
    if (form1.inp1.value == "")
    {
        console.log("Please fill in the text box");
        form1.inp1.focus();
        return false;
    }
}
</script>
</head>
<body>
    <form name="form1" method="POST" action="">
        <P><input type="text" name="inp1">
        <input type="submit" value="Submit" onClick="return chkForm()">
        <input type="reset" value="Reset"></p>
    </form>
</body>
</html>

The code above is rendered as follows: