jQuery库中的formValidator组件详解-优快云博客

本文深入解析jQuery库中的formValidator组件，包括其初始化配置、校验方式及支持的控件类型，帮助开发者理解如何在项目中使用该组件进行表单验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

(function ($) {

　　$.formValidator =

　　{

　　　　sustainType: function (id, setting) {

　　　　　　...

　　　　initConfig: function (controlOptions) {

　　　　　　...

　　　　$.fn.formValidator = function (cs) {

　　　　　　...

　　　　}

　　　　...

　　}

})(jQuery);

--------------------------------------------------------------------------------------------------------------

var jQuery_formValidator_initConfig;
(function ($) {

　　$.formValidator =
　　{
　　//各种校验方式支持的控件类型
　　sustainType: function (id, setting) {
　　　　var elem = $("#" + id).get(0);
　　　　var srcTag = elem.tagName;
　　　　var stype = elem.type;
　　　　switch (setting.validatetype) {
　　　　　　case "InitValidator":
　　　　　　　　return true;
　　　　　　case "InputValidator":
　　　　　　　　if (srcTag == "INPUT" || srcTag == "TEXTAREA" || srcTag == "SELECT") {
　　　　　　　　　　return true;
　　　　　　　　}

　　　　　　　　else {
　　　　　　　　　　return false;
　　　　　　　　}
　　　　　　case "CompareValidator":
　　　　　　　　if (srcTag == "INPUT" || srcTag == "TEXTAREA")

　　　　　　　　{
　　　　　　　　　　if (stype == "checkbox" || stype == "radio") {
　　　　　　　　　　　　return false;
　　　　　　　　　　}

　　　　　　　　　　else {
　　　　　　　　　　　　return true;
　　　　　　　　　　}
　　　　　　　　}
　　　　　　　　return false;

　　　　　　case "AjaxValidator":
　　　　　　　　if (stype == "text" || stype == "textarea" || stype == "file" || stype == "password" || stype == "select-one") {
　　　　　　　　　　return true;
　　　　　　　　}

　　　　　　　　else {
　　　　　　　　　　return false;
　　　　　　　　}
　　　　　　case "RegexValidator":
　　　　　　　　if (srcTag == "INPUT" || srcTag == "TEXTAREA") {
　　　　　　　　　　if (stype == "checkbox" || stype == "radio") {
　　　　　　　　　　　　return false;
　　　　　　　　　　}

　　　　　　　　　　else {
　　　　　　　　　　　　return true;
　　　　　　　　　　}
　　　　　　　　}
　　　　　　　　return false;
　　　　　　case "FunctionValidator":
　　　　　　　　return true;
　　　　}
　　},

　　initConfig: function (controlOptions) {

......

转载于:https://www.cnblogs.com/lesvies/archive/2011/09/29/2195714.html