root/trunk/Wierszowki/Wierszowki.Web/Scripts/xVal.jquery.validate.js @ 926

Wersja 842, 12.5 KB (wprowadzona przez alina, 17 years temu)

fix #207, #193, #205
Line 
1// xVal.jquery.validate.js
2// An xVal plugin to enable support for jQuery Validate
3// http://xval.codeplex.com/
4// (c) 2009 Steven Sanderson
5// License: Microsoft Public License (Ms-PL) (http://www.opensource.org/licenses/ms-pl.html)
6
7var xVal = xVal || {
8    Plugins: {},
9    AttachValidator: function(elementPrefix, rulesConfig, pluginName) {
10        if (pluginName != null)
11            this.Plugins[pluginName].AttachValidator(elementPrefix, rulesConfig);
12        else
13            for (var key in this.Plugins) {
14                this.Plugins[key].AttachValidator(elementPrefix, rulesConfig);
15                return;
16            }
17    }
18};
19
20(function($) {
21    xVal.Plugins["jquery.validate"] = {
22        AttachValidator: function(elementPrefix, rulesConfig) {
23            this._ensureCustomFunctionsRegistered();
24            for (var i = 0; i < rulesConfig.Fields.length; i++) {
25                var fieldName = rulesConfig.Fields[i].FieldName;
26                var fieldRules = rulesConfig.Fields[i].FieldRules;
27
28                // Is there a matching DOM element?
29                var elemId = (elementPrefix ? elementPrefix + "." : "") + fieldName;
30                var elem = document.getElementById(elemId);
31
32                if (elem) {
33                    for (var j = 0; j < fieldRules.length; j++) {
34                        var ruleName = fieldRules[j].RuleName;
35                        var ruleParams = fieldRules[j].RuleParameters;
36                        var errorText = (typeof (fieldRules[j].Message) == 'undefined' ? null : fieldRules[j].Message);
37                        this._attachRuleToDOMElement(ruleName, ruleParams, errorText, $(elem));
38                    }
39                }
40            }
41        },
42
43        _attachRuleToDOMElement: function(ruleName, ruleParams, errorText, element) {
44            var parentForm = element.parents("form");
45            if (parentForm.length != 1)
46                alert("Error: Element " + element.attr("id") + " is not in a form");
47            this._ensureFormIsMarkedForValidation($(parentForm[0]));
48            this._associateNearbyValidationMessageSpanWithElement(element);
49
50            var options = {};
51
52            switch (ruleName) {
53                case "Required":
54                    options.required = true;
55                    if (errorText != null) options.messages = { required: errorText };
56                    break;
57
58                case "Range":
59                    if (ruleParams.Type == "string") {
60                        options.xVal_stringRange = [ruleParams.Min, ruleParams.Max];
61                        if (errorText != null) options.messages = { xVal_stringRange: errorText };
62                    }
63                    else if (ruleParams.Type == "datetime") {
64                        var minDate, maxDate;
65                        if (typeof (ruleParams.MinYear) != 'undefined')
66                            minDate = new Date(ruleParams.MinYear, ruleParams.MinMonth - 1, ruleParams.MinDay, ruleParams.MinHour, ruleParams.MinMinute, ruleParams.MinSecond);
67                        if (typeof (ruleParams.MaxYear) != 'undefined')
68                            maxDate = new Date(ruleParams.MaxYear, ruleParams.MaxMonth - 1, ruleParams.MaxDay, ruleParams.MaxHour, ruleParams.MaxMinute, ruleParams.MaxSecond);
69                        options.xVal_dateRange = [minDate, maxDate];
70                        if (errorText != null) options.messages = { xVal_dateRange: errorText };
71                    }
72                    else if (typeof (ruleParams.Min) == 'undefined') {
73                        options.max = ruleParams.Max;
74                        if (errorText != null) options.messages = { max: errorText };
75                    }
76                    else if (typeof (ruleParams.Max) == 'undefined') {
77                        options.min = ruleParams.Min;
78                        if (errorText != null) options.messages = { min: errorText };
79                    }
80                    else {
81                        options.range = [ruleParams.Min, ruleParams.Max];
82                        if (errorText != null) options.messages = { range: errorText };
83                    }
84
85                    break;
86
87                case "StringLength":
88                    if (typeof (ruleParams.MinLength) == 'undefined') {
89                        options.maxlength = ruleParams.MaxLength;
90                        if (errorText != null) options.messages = { maxlength: errorText };
91                    }
92                    else if (typeof (ruleParams.MaxLength) == 'undefined') {
93                        options.minlength = ruleParams.MinLength;
94                        if (errorText != null) options.messages = { minlength: errorText };
95                    }
96                    else {
97                        options.rangelength = [ruleParams.MinLength, ruleParams.MaxLength];
98                        if (errorText != null) options.messages = { rangelength: errorText };
99                    }
100                    break;
101
102                case "DataType":
103                    switch (ruleParams.Type) {
104                        case "EmailAddress":
105                            options.email = true;
106                            if (errorText != null) options.messages = { email: errorText };
107                            break;
108                        case "Integer":
109                            options.xVal_regex = ["^\\-?\\d+$", ""];
110                            options.messages = { xVal_regex: errorText || "Please enter a whole number." };
111                            break;
112                        case "Decimal":
113                            options.number = true;
114                            if (errorText != null) options.messages = { number: errorText };
115                            break;
116                        case "Date":
117                            options.date = true;
118                            if (errorText != null) options.messages = { date: errorText };
119                            break;
120                        case "DateTime":
121                            options.xVal_regex = ["^\\d{1,2}/\\d{1,2}/(\\d{2}|\\d{4})\\s+\\d{1,2}\\:\\d{2}(\\:\\d{2})?$", ""];
122                            options.messages = { xVal_regex: errorText || "Please enter a valid date and time." };
123                            break;
124                        case "Currency":
125                            options.xVal_regex = ["^\\D?\\s?([0-9]{1,3},([0-9]{3},)*[0-9]{3}|[0-9]+)(.[0-9][0-9])?$", ""];
126                            options.messages = { xVal_regex: errorText || "Please enter a currency value." };
127                            break;
128                        case "CreditCardLuhn":
129                            options.xVal_creditCardLuhn = true;
130                            if (errorText != null) options.messages = { xVal_creditCardLuhn: errorText };
131                            break;
132                    }
133                    break;
134
135                case "RegEx":
136                    options.xVal_regex = [ruleParams.Pattern, ruleParams.Options];
137                    if (errorText != null) options.messages = { xVal_regex: errorText };
138                    break;
139            }
140
141            element.rules("add", options);
142        },
143
144        _associateNearbyValidationMessageSpanWithElement: function(element) {
145            // If there's a <span class='field-validation-error'> soon after, it's probably supposed to display the error message
146            // jquery.validation goes looking for attributes called "htmlfor" and "generated", set as follows
147            var nearbyMessages = element.nextAll("span.field-validation-error");
148            if (nearbyMessages.length > 0) {
149                $(nearbyMessages[0]).attr("generated", "true")
150                                    .attr("htmlfor", element.attr("id"));
151            }
152        },
153
154        _ensureFormIsMarkedForValidation: function(formElement) {
155            if (!formElement.data("isMarkedForValidation")) {
156                formElement.data("isMarkedForValidation", true);
157                formElement.validate({
158                    errorClass: "field-validation-error",
159                    errorElement: "span",
160                    highlight: function(element) { $(element).addClass("input-validation-error"); },
161                    unhighlight: function(element) { $(element).removeClass("input-validation-error"); }
162                });
163            }
164        },
165
166        _ensureCustomFunctionsRegistered: function() {
167            if (!jQuery.validator.xValFunctionsRegistered) {
168                jQuery.validator.xValFunctionsRegistered = true;
169
170                jQuery.validator.addMethod("xVal_stringRange", function(value, element, params) {
171                    if (this.optional(element)) return true;
172                    if (params[0] != null)
173                        if (value < params[0]) return false;
174                    if (params[1] != null)
175                        if (value > params[1]) return false;
176                    return true;
177                }, function(params) {
178                    if ((params[0] != null) && (params[1] != null))
179                        return "Please enter a value alphabetically between '" + params[0] + "' and '" + params[1] + "'.";
180                    else if (params[0] != null)
181                        return "Please enter a value not alphabetically before '" + params[0] + "'.";
182                    else
183                        return "Please enter a value not alphabetically after '" + params[1] + "'.";
184                });
185
186                jQuery.validator.addMethod("xVal_dateRange", function(value, element, params) {
187                    if (this.optional(element)) return true;
188
189                    var parsedValue = Date.parse(value);
190                    if (isNaN(parsedValue))
191                        return false;
192                    else
193                        parsedValue = new Date(parsedValue);
194                    if (params[0] != null)
195                        if (parsedValue < params[0]) return false;
196                    if (params[1] != null)
197                        if (parsedValue > params[1]) return false;
198                    return true;
199                }, function(params, elem) {
200                    if (isNaN(Date.parse(elem.value)))
201                        return "Please enter a valid date in yyyy/mm/dd format.";
202                    var formatDate = function(date) {
203                        var result = date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDay();
204                        if (date.getHours() + date.getMinutes() + date.getSeconds() != 0)
205                            result += " " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
206                        return result.replace(/\b(\d)\b/g, '0$1');
207                    };
208                    if ((params[0] != null) && (params[1] != null))
209                        return "Please enter a date between " + formatDate(params[0]) + " and " + formatDate(params[1]) + ".";
210                    else if (params[0] != null)
211                        return "Please enter a date no earlier than " + formatDate(params[0]) + ".";
212                    else
213                        return "Please enter a date no later than " + formatDate(params[1]) + ".";
214                });
215
216                jQuery.validator.addMethod("xVal_regex", function(value, element, params) {
217                    if (this.optional(element)) return true;
218                    var pattern = params[0];
219                    var options = params[1];
220                    var regex = new RegExp(pattern, options);
221                    return regex.test(value);
222                }, function(params) {
223                    return "Please enter a valid value."; // Pity we can't be more descriptive
224                });
225
226                jQuery.validator.addMethod("xVal_creditCardLuhn", function(value, element, params) {
227                    if (this.optional(element)) return true;
228                    value = value.replace(/\D/g, "");
229                    if (value == "") return false;
230                    var sum = 0;
231                    for (var i = value.length - 2; i >= 0; i -= 2)
232                        sum += Array(0, 2, 4, 6, 8, 1, 3, 5, 7, 9)[parseInt(value.charAt(i), 10)];
233                    for (var i = value.length - 1; i >= 0; i -= 2)
234                        sum += parseInt(value.charAt(i), 10);
235                    return (sum % 10) == 0;
236                }, function(params) {
237                    return "Please enter a valid credit card number.";
238                });
239            }
240        }
241    };
242})(jQuery);
Notatka: Zobacz TracBrowser aby uzyskać więcej informacji.