JQuery validate the method of making the common button touch publish single verification _jquery

Source: Internet
Author: User
Tags anonymous touch

General form checksums are anonymous functions that are registered directly on the page, resulting in a single check that can only be made through a fixed submission, and how do you want to customize a button-touch-release check?

Current wording:

$ (function () {
 $ (' #form '). Validate ({
  rules: {
   user_name: {
    required:true
   },
   ...
  },
  messages: {
   user_name: {
    required: ' User name required ',
   },
   ...
  }
});

Overwrite method:

Write form validation function ValidForm, in the Validation button registration button Click event to invoke Validation function object function
ValidForm () {/
 * key adds a return in this, returns a Validate object, This object has a form method that returns whether to validate
 /return $ ("#form"). Validate ({
  rules: {
   user_name: {
    required:true
   },
   ...
  },
  messages: {
   user_name: {
    required: ' username required ',
   },
   ...
  }}
 );
}
Registration Form Verification
$ (validform ());
The above section has implemented the function of anonymous functions, and here is how to implement form validation
$ ("#btn") through the normal buttons. Click (function () {
 if (ValidForm (). form ()) {
  //through form validation , the following write their own code
 } else {
  //checksum does not go through, nothing to do, the checksum information has been shown on the form on the list
 }
});

The above is a small set to introduce the jquery validate let the common button touch to publish a single method of verification, hope to help everyone, if you have any questions please give me a message, small series will promptly reply to everyone. Here also thank you very much for the cloud Habitat Community website support!

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.