JavaScript, your Browser and HTTP

jQuery validator decimal number

Only through examples. Text edit, so it teaches.

A simple document looks like:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Makes "field" required and a decimal number only.</title>
    <link href="http://jqueryvalidation.org/files/demo/site-demos.css" rel="stylesheet">
  </head>
  <body>
    <form id="myform">
      <label for="field">Required, decimal number: </label>
      <input class="left" id="field" name="field">
        <br/>
        <input type="submit" value="Validate!">
    </form>
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="http://cdn.jsdelivr.net/jquery.validation/1.15.0/jquery.validate.min.js"></script>
    <script src="http://cdn.jsdelivr.net/jquery.validation/1.15.0/additional-methods.min.js"></script>
    <script>
       // just for the demos, avoids form submit
       jQuery.validator.setDefaults({
          debug: true,
          success: "valid"
       });
       $( "#myform" ).validate({
         rules: {
           field: {
              required: true,
              number: true
           }
         } 
       });
    </script>
  </body>
</html>