easyui textbox validatebox 默认显示tip提示-优快云博客

本文介绍如何修改EasyUI的表单验证机制，使其在验证失败时立即显示错误提示，而不是仅改变输入框样式。通过源代码的简单调整，增强了用户体验，提供了即时反馈。

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

easyui验证是不显示tip提示的，验证不通过时只将输入框变红，要触发一个mouse(鼠标放上去)的事件才会显示tip。

现在想要验证不通过时直接显示提示，给用户更加直观的错误提示。

找到源代码中验证的方法(jquery.easyui.min.js 版本1.7.0)：

function _54b(_54c){
var _54d=$.data(_54c,"validatebox");
var opts=_54d.options;
var box=$(_54c);
opts.onBeforeValidate.call(_54c);
var _54e=_54f();
_54e?box.removeClass("validatebox-invalid"):box.addClass("validatebox-invalid");
opts.err(_54c,_54d.message);
opts.onValidate.call(_54c,_54e);
return _54e;
function _550(msg){
_54d.message=msg;
};

修改后：

function _54b(_54c){
var _54d=$.data(_54c,"validatebox");
var opts=_54d.options;
var box=$(_54c);
opts.onBeforeValidate.call(_54c);
var _54e=_54f();
_54e?box.removeClass("validatebox-invalid"):box.addClass("validatebox-invalid");
opts.err(_54c,_54d.message,"show");
opts.onValidate.call(_54c,_54e);
return _54e;
function _550(msg){
_54d.message=msg;
};