Validate form and output message : Form Submit « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. Form Submit

Validate form and output message

 

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
        
            $("form").submit(function() {
              if ($("input:first").val() == "asdf") {
                $("span").text("Validated...").show();
                return true;
              }
              $("span").text("Not valid!").show().fadeOut(1000);
              return false;
            });
        });
    </script>

  </head>
  <body>
    <body>
          <form action="javascript:alert('success!');">
              <input type="text" />
              <input type="submit" />
          </form>
          <span></span>
    </body>
</html>








Related examples in the same category

1.Cancel submit event by returning false
2.Turn off submit action
3.Submit event
4.To trigger the submit event on the first form on the page