Javascript Form How to - Handle click event on Submit Button

Question

We would like to know how to handle click event on Submit Button.

Answer


<!--from  w ww .jav  a  2 s  . c  o m-->
<html>
<head>
    <script language="JavaScript">
    function setText(){
      document.myForm.myText.value = document.myForm.myText.value.toUpperCase();
    }
    </script>
</head>
<body>
    <form name="myForm">
    Please Enter some text and click the Submit Button.<br>
      <input type=TEXT value="Enter Text Here" name="myText">
      <input type=BUTTON value="Submit" name="mySubmit" onClick="setText()">
    </form>
</body>
</html>

The code above is rendered as follows: