Jvalidate jquery-based form verification plug-in

Source: Internet
Author: User

The validation rules of various form verification plug-ins on the Internet are written in scripts, but the validation rules of my plug-ins are written in the attributes of form elements. Example: CopyCode The Code is as follows: <input name = "name" type = "text" id = "name" size = "30" jvpattern = "^. + $ "jverrortip =" enter the correct name. "jvtipid =" spt_name "jvmethod =" checkname "/>
<Span id = "spt_name" class = "normaltips" jverrorclass = "errortips" jvcorrectclass = "correcttips"> </span>

Note that all attribute names starting with "JV" in the code above are the attribute values required by the Form Verification plug-in. See the following table for meanings of each attribute:

1. Attributes available to form table control elements:

Attribute name Description
Jvpattern A regular expression used to verify whether the control value is correct. (Do not define this attribute)
Jvcompareid ID of other controls whose values must be equal to those of the current control. (Do not define this attribute)
Jvrequired Indicates whether the current control value is required, that is, whether the current control value is allowed to be null. If this attribute is not defined, it cannot be blank by default. If the value is false or 0, it can be blank. (Do not define this attribute)
Jvmethod

Define the method that requires additional verification. (Do not define this attribute)

If this attribute value is defined, you do not need to input "Parentheses" and the function prototype is:

XX function (item ){

// Code

// True indicates that the verification is successful, and false indicates that the verification fails.

Return true/false;

// Or return an error message

Return {result: True/false, message: 'error message '};

}

The item parameter is a jquery instance of the current control object.

Jvtipid

The ID of the control that displays the verification prompt. (Do not define this attribute)

Note: If this attribute is not defined and the onerror or oncorrect function is not defined, the alert prompt is displayed by default.

Jverrortip The prompt message to be displayed when the verification fails. (Do not define this attribute)
Jvcorrecttip The prompt message to be displayed when the verification is successful. (Do not define this attribute)
Jvfocuson Whether to move the cursor over the control after verification fails. (Do not define this attribute)

The control must be defined as one or more of jvpattern, jvmethod, and jvcompareid. Otherwise, the plug-in will not verify the corresponding control.

2. Tip: displays the attributes that can be used by the control element.: The tip prompt control is the control specified by a Form Control jvtipid.

Attribute name Description
Jvnormalclass Normally, the CSS-style classname is used to display the prompt information. (Do not define this attribute)
Jvcorrectclass The CSS-style classname used to display the prompt information after the verification is successful. (Do not define this attribute)
Jverrorclass The CSS-style classname used to display the prompt information after the verification fails. (Do not define this attribute)

After the control rules are set, jvalidate can be directly activated to perform verification check before the form is submitted for submit.

Example:

$ ('Form'). jvalidate ();

Or call with parameters:

$ ('Form'). jvalidate ({
Blurvalidate: True,
Isbubble: false,
Onerror: function (item, form ){
$. Jmessagebox. Show ('error', item. ATTR ('jverrortip '));
}
});

The following table lists configurable parameters:

parameter name description
isbubble

whether to allow "bubble", that is, whether to allow each control value to be checked individually. If the value is true, all controls with verification rules set are checked one by one; if the value is false, when a control value fails to be verified (does not meet the conditions), it will exit the subsequent control check. The default value is false

Note: If the prompt information is displayed in a pop-up window, we recommend that you set this value to false to avoid more prompts, users' dislike.

blurvalidate set whether to perform real-time check and verification when all controls lose focus. The default value is false.
emptytip whether to allow empty prompts. That is, whether to allow the prompt control to change the CSS class when no prompt is displayed. The default value is false.
oncorrect

when the control value is verified successfully, the processing method is called. If not defined, the default action is used. Function prototype:

function (item, form) {

// Code

}

the parameter item indicates the jquery instance of the current control. Form: indicates the form instance of the Control

onerror

when the control value verification fails, the processing method is called. If not defined, the default behavior is used. Function prototype:

function (item, form) {

// Code

}

the parameter item indicates the jquery instance of the current control. Form: indicates the form instance of the Control

Example:


Sample jmessagebox attached to the compressed package for source code download
Http://www.jb51.net/jiaoben/23094.html

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.