esyuitextbox失去焦点验证并提示

20180518

于 2017-05-10 10:13:19 发布

阅读量860

点赞数 1

分类专栏： easyui jquery 文章标签： esyuitexbo失去焦点验证并提示 textbox失去焦点事件 textbox验证提示

本文链接：https://blog.youkuaiyun.com/linadadan/article/details/71514861

版权

jquery 同时被 2 个专栏收录

6 篇文章

订阅专栏

easyui

4 篇文章

订阅专栏

本文介绍如何使用EasyUI的textbox组件，在失去焦点时进行验证并显示提示信息，而不是阻止表单提交。通过jQuery实现自定义验证逻辑及AJAX请求。

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

easyui textbox会经常用到validatebox验证，验证不通过form无法提交，这个在我的另一篇博客中有解答http://blog.youkuaiyun.com/linadadan/article/details/71304757，而这次的遇到的要求是验证完只是提示，可以继续操作，于是就想到了easyui textbox的失去焦点事件，找了一些资料找到解答办法。

代码：

<div class="label">来文字号</div>
   <div class="content">
   <input name="C_COMEDOCNUM" id="C_COMEDOCNUM" class="easyui-textbox" data-options="fit:true,required:true" />
</div>

jquery代码：

$("input",$("#C_COMEDOCNUM").next("span")).blur(function(){  
	var data = {
	    id: $('#C_ID').val(),
	    C_COMEDOCNUM:$('#C_COMEDOCNUM').textbox('getValue')
	};
	var result = false;
	$.ajax({
	  url : 'table/T_REG_RECIVE/unique.action',
	  async : false,
	  type : "POST",
	  data : data,
	  success : function(flag) {
		 result = flag == 'true';
		}
	});
	if(!result){
		$.messager.show({
			title : '提示',
			msg : '来文字号已经存在',
			timeout:1000,
		        showType:'slide'
		});
	}
});