A simple jQuery form validation script [closed]

by

You can simply use the jQuery Validate plugin as follows.

jQuery:

$(document).ready(function () {

    $('#myform').validate({ // initialize the plugin
        rules: {
            field1: {
                required: true,
                email: true
            },
            field2: {
                required: true,
                minlength: 5
            }
        }
    });

});

HTML:

<form id="myform">
    <input type="text" name="field1" />
    <input type="text" name="field2" />
    <input type="submit" />
</form>

DEMO: http://jsfiddle.net/xs5vrrso/

Options: http://jqueryvalidation.org/validate

Methods: http://jqueryvalidation.org/category/plugin/

Standard Rules: http://jqueryvalidation.org/category/methods/

Optional Rules available with the additional-methods.js file:

maxWords
minWords
rangeWords
letterswithbasicpunc
alphanumeric
lettersonly
nowhitespace
ziprange
zipcodeUS
integer
vinUS
dateITA
dateNL
time
time12h
phoneUS
phoneUK
mobileUK
phonesUK
postcodeUK
strippedminlength
email2 (optional TLD)
url2 (optional TLD)
creditcardtypes
ipv4
ipv6
pattern
require_from_group
skip_or_fill_minimum
accept
extension

More Related Contents:

  1. How to allow only numeric (0-9) in HTML inputbox using jQuery?
  2. Set class validation for dynamic textbox in a table
  3. Check if inputs are empty using jQuery
  4. Email validation using jQuery
  5. Custom date format with jQuery validation plugin
  6. How to force a html5 form validation without submitting it via jQuery
  7. jQuery: what is the best way to restrict “number”-only input for textboxes? (allow decimal points)
  8. Perform client side validation for custom attribute
  9. Google ReCAPTCHA how to make required?
  10. jQuery Validate – require at least one field in a group to be filled
  11. Using JQuery Validate Plugin to validate multiple form fields with identical names
  12. Number input type that takes only integers?
  13. jQuery validator and a custom rule that uses AJAX
  14. MVC 3 jQuery Validation/globalizing of number/decimal field
  15. Stop form from submitting , Using Jquery
  16. MVC DateTime validation – UK Date format
  17. Use ASP.NET MVC validation with jquery ajax?
  18. MVC custom validation: compare two dates
  19. jQuery Form Validation before Ajax submit
  20. How to add a Not Equal To rule in jQuery.validation
  21. Validate dynamically added fields
  22. Validation of radio button group using jQuery validation plugin
  23. How can one use JQuery to validate email addresses?
  24. HTML5 validation before ajax submit
  25. Validating url with jQuery without the validate-plugin?
  26. How to force an HTML form to validate without submitting it via jQuery
  27. How to use Twitter Bootstrap popovers for jQuery validation notifications?
  28. How to check if bootstrap modal is open, so I can use jquery validate?
  29. Regex validation for numbers with comma separator
  30. jquery get only all html elements with ids

Leave a Comment