validationtextbox.js

初学者

/*
	Copyright (c) 2004-2006, The Dojo Foundation
	All Rights Reserved.

	Licensed under the Academic Free License version 2.1 or above OR the
	modified BSD license. For more information on Dojo licensing, see:

		http://dojotoolkit.org/community/licensing.shtml
*/



dojo.provide("dojo.widget.ValidationTextbox");
dojo.require("dojo.widget.Textbox");
dojo.require("dojo.i18n.common");
dojo.widget.defineWidget("dojo.widget.ValidationTextbox", dojo.widget.Textbox, function () {
	this.flags = {};
}, {required:false, rangeClass:"range", invalidClass:"invalid", missingClass:"missing", classPrefix:"dojoValidate", size:"", maxlength:"", promptMessage:"", invalidMessage:"", missingMessage:"", rangeMessage:"", listenOnKeyPress:true, htmlfloat:"none", lastCheckedValue:null, templateString:"<span style='float:${this.htmlfloat};'>\n\t<input dojoAttachPoint='textbox' type='${this.type}' dojoAttachEvent='onblur;onfocus;onkeyup'\n\t\tid='${this.widgetId}' name='${this.name}' size='${this.size}' maxlength='${this.maxlength}'\n\t\tclass='${this.className}' style=''>\n\t<span dojoAttachPoint='invalidSpan' class='${this.invalidClass}'>${this.messages.invalidMessage}</span>\n\t<span dojoAttachPoint='missingSpan' class='${this.missingClass}'>${this.messages.missingMessage}</span>\n\t<span dojoAttachPoint='rangeSpan' class='${this.rangeClass}'>${this.messages.rangeMessage}</span>\n</span>\n", templateCssString:".dojoValidateEmpty{\n\tbackground-color: #00FFFF;\n}\n.dojoValidateValid{\n\tbackground-color: #cfc;\n}\n.dojoValidateInvalid{\n\tbackground-color: #fcc;\n}\n.dojoValidateRange{\n\tbackground-color: #ccf;\n}\n", templateCssPath:dojo.uri.moduleUri("dojo.widget", "templates/Validate.css"), invalidSpan:null, missingSpan:null, rangeSpan:null, getValue:function () {
	return this.textbox.value;
}, setValue:function (value) {
	this.textbox.value = value;
	this.update();
}, isValid:function () {
	return true;
}, isInRange:function () {
	return true;
}, isEmpty:function () {
	return (/^\s*$/.test(this.textbox.value));
}, isMissing:function () {
	return (this.required && this.isEmpty());
}, update:function () {
	this.lastCheckedValue = this.textbox.value;
	this.missingSpan.style.display = "none";
	this.invalidSpan.style.display = "none";
	this.rangeSpan.style.display = "none";
	var empty = this.isEmpty();
	var valid = true;
	if (this.promptMessage != this.textbox.value) {
		valid = this.isValid();
	}
	var missing = this.isMissing();
	if (missing) {
		this.missingSpan.style.display = "";
	} else {
		if (!empty && !valid) {
			this.invalidSpan.style.display = "";
		} else {
			if (!empty && !this.isInRange()) {
				this.rangeSpan.style.display = "";
			}
		}
	}
	this.highlight();
}, updateClass:function (className) {
	var pre = this.classPrefix;
	dojo.html.removeClass(this.textbox, pre + "Empty");
	dojo.html.removeClass(this.textbox, pre + "Valid");
	dojo.html.removeClass(this.textbox, pre + "Invalid");
	dojo.html.addClass(this.textbox, pre + className);
}, highlight:function () {
	if (this.isEmpty()) {
		this.updateClass("Empty");
	} else {
		if (this.isValid() && this.isInRange()) {
			this.updateClass("Valid");
		} else {
			if (this.textbox.value != this.promptMessage) {
				this.updateClass("Invalid");
			} else {
				this.updateClass("Empty");
			}
		}
	}
}, onfocus:function (evt) {
	if (!this.listenOnKeyPress) {
		this.updateClass("Empty");
	}
}, onblur:function (evt) {
	this.filter();
	this.update();
}, onkeyup:function (evt) {
	if (this.listenOnKeyPress) {
		this.update();
	} else {
		if (this.textbox.value != this.lastCheckedValue) {
			this.updateClass("Empty");
		}
	}
}, postMixInProperties:function (localProperties, frag) {
	dojo.widget.ValidationTextbox.superclass.postMixInProperties.apply(this, arguments);
	this.messages = dojo.i18n.getLocalization("dojo.widget", "validate", this.lang);
	dojo.lang.forEach(["invalidMessage", "missingMessage", "rangeMessage"], function (prop) {
		if (this[prop]) {
			this.messages[prop] = this[prop];
		}
	}, this);
}, fillInTemplate:function () {
	dojo.widget.ValidationTextbox.superclass.fillInTemplate.apply(this, arguments);
	this.textbox.isValid = function () {
		this.isValid.call(this);
	};
	this.textbox.isMissing = function () {
		this.isMissing.call(this);
	};
	this.textbox.isInRange = function () {
		this.isInRange.call(this);
	};
	dojo.html.setClass(this.invalidSpan, this.invalidClass);
	this.update();
	this.filter();
	if (dojo.render.html.ie) {
		dojo.html.addClass(this.domNode, "ie");
	}
	if (dojo.render.html.moz) {
		dojo.html.addClass(this.domNode, "moz");
	}
	if (dojo.render.html.opera) {
		dojo.html.addClass(this.domNode, "opera");
	}
	if (dojo.render.html.safari) {
		dojo.html.addClass(this.domNode, "safari");
	}
}});