email method

Returns: Boolean

Description: Makes the element require a valid email

    Return true if the value is a valid email address.

    Works with text inputs.

    IMPORTANT NOTE:

    As of version 1.12.0 we started using the same regular expression that the HTML5 specification suggests for browsers to use. We will follow their lead and use the same check. In case you need to adjust the built-in validation regular expression patterns, please use the $.validator.methods property. If you have different requirements, please consider using a custom method.

    Example:

    Makes "field" required and an email address.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    		 
    <!doctype html>

    <html>

    <head>

    <meta charset="utf-8">

    <title>Makes "field" required and an email address.</title>

    <link rel="stylesheet" href="https://jqueryvalidation.org/files/demo/site-demos.css">

     
    </head>

    <body>

    <form id="myform">

    <label for="field">Required, email: </label>

    <input class="left" id="field" name="field">

    <br/>

    <input type="submit" value="Validate!">

    </form>

    <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>

    <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>

    <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.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,

          email: true

        }

      }

    });

    </script>

    </body>

    </html>

    Demo: