dojo小例子（34）带Ajax异步验证功能的ValidationTextBox

古城微笑少年丶 2022-08-04 15:00 194阅读 0赞

define([ 
    	"dojo/_base/declare", 
    	"dijit/form/ValidationTextBox",
    	"dojo/request"
    ], function(declare, ValidationTextBox, request) {
    	return declare("AjaxValidationTextBox", [ ValidationTextBox ], {
    		ajaxUrl : null,
    		ajaxLock : false, // 钩子，防止出现死循环
    		ajaxResult : false,
    		oldValue : null, // 用于对比输入值是否有变化
    		changed : false, // 标识:输入值是否有变化
    
    		isValid : function() {
    			var widget = this;
    			this.changed = false;
    
    			if (this.get('value') != this.oldValue) {
    				this.changed = true;
    			}
    			if (!this.ajaxLock && this.ajaxUrl && this.get('value') && !this.focused && this.changed) {
    				this.oldValue = this.get('value');
    				this.ajaxLock = true;
    
    				request(widget.ajaxUrl + encodeURIComponent( widget.get('value') ), {
    					handleAs : 'text'
    				}).then(function(result) {
    					widget.ajaxResult = (result == "true" ? true : false);
    					widget.validate(); // 会调用isValid方法重新校验输入的值，弹出tip
    					widget.ajaxLock = false;
    				});
    			}
    
    			return this.ajaxResult;
    		}
    	});
    
    });

用法：

<input data-dojo-type="my/AjaxValidationTextBox" data-dojo-props="
    				required : true, missingMessage:'编号不能为空!', 
    				ajaxUrl:/rest/isNumValid/', 
    				invalidMessage:'编号已存在！'"  />

发表评论取消回复

表情：

评论列表（有 0 条评论，194人围观）

还没有评论，来说两句吧...

相关阅读

相关 Dojo入门：增强的Ajax功能

随着Web技术的发展，RIA似乎已经成了主流，Ajax也随之成了不可或缺的部分。Ajax是异步的javascript和Xml，虽然现在很多交互的数据格式都不再严格的

迷南。/ 2023年06月01日 05:46/ 0 赞/ 26 阅读

相关 dojo小例子（9）动态创建带label的CheckBox集合

/ 循环创建带label的CheckBox集合 / require(["dijit/form/CheckBox","dojo/dom-co

比眉伴天荒/ 2022年08月25日 11:58/ 0 赞/ 279 阅读

相关 dojo小例子（7）dijit.Dialog实现alert功能

![SouthEast][] function showMsg(message, title) { if( title == null )

朱雀/ 2022年08月25日 10:51/ 0 赞/ 212 阅读

相关 dojo小例子（8）ValidationTextBox密码校验，两次输入一致性校验

<p>Password: <input type="password" name="password1" id="password1"

ゝ一世哀愁。/ 2022年08月25日 10:51/ 0 赞/ 197 阅读

相关 dojo小例子（18）为dojox.form.Uploader增加Tooltip功能

Uploader没有ValidationTextBox那种required属性，也就没法实现校验功能。但是实际应用中，我们有时需要提醒用户Uploader不能为空，也就是必须选

野性酷女/ 2022年08月24日 01:54/ 0 赞/ 198 阅读

相关 dojo小例子（32）dgrid增加filter搜索功能2

<form id="filterForm"> Filter by Last Name: <input type="text"name="filter">

左手的ㄟ右手/ 2022年08月07日 09:38/ 0 赞/ 198 阅读

相关 dojo小例子（31）dgrid增加filter搜索功能

<div id="filter-wrapper"> <input id="filter" data-do

深藏阁楼爱情的钟/ 2022年08月07日 09:38/ 0 赞/ 189 阅读

相关 dojo小例子（35）带校验功能SimpleTextarea

// 带校验功能的SimpleTextarea /// define(["dojo/_base/declare", "dijit/form/Simple

阳光穿透心脏的1/2处/ 2022年08月04日 15:43/ 0 赞/ 203 阅读

相关 dojo小例子（34）带Ajax异步验证功能的ValidationTextBox

define([ "dojo/_base/declare", "dijit/form/ValidationTextBox", "doj

古城微笑少年丶/ 2022年08月04日 15:00/ 0 赞/ 195 阅读

相关 Java Echarts 实用小例子(Ajax异步加载)

实际echarts中，数据都是从数据库中动态获取过来。所以这里来简单演示一下echarts怎么通过ajax异步获取数据库中的数据在页面上进行动态展示。下面只是功能代码展示，具体

蔚落/ 2022年01月27日 09:45/ 0 赞/ 451 阅读