easy UI 动态设置必填校验

最新推荐文章于 2023-02-28 10:55:50 发布

原创最新推荐文章于 2023-02-28 10:55:50 发布 · 2.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#easy ui #js #动态添加验证

学习笔记专栏收录该内容

49 篇文章

订阅专栏

本文介绍如何使用EasyUI框架对textbox和combobox控件进行必填项校验，包括设置验证规则、提示信息及启用验证的方法。通过四步骤实现控件的必填属性控制，适用于前端开发中对输入项的规范性要求。

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

  obj.SetRequired = function (required) {
        var me = this;
        var control = me.GetControl();
        control.textbox('textbox').validatebox('options').required = required;
        $.fn.validatebox.defaults.missingMessage = '该输入项为必输项';
        control.textbox('enableValidation');
    }

enableValidation：开启验证

第一步：找到所需要控制的控件

第二步：设置必填 true 或 false control.textbox('textbox').validatebox('options').required = required;

第三步：设置为空时显示的提示文字 $.fn.validatebox.defaults.missingMessage = '该输入项为必输项';

第四部：开启验证 control.textbox('enableValidation');

combobox 框实现方法：

  obj.SetRequired = function (required) {
        var me = this;
        var control = me.GetControl();
        control.combobox('options').required = required
        control.combobox('textbox').validatebox('options').required = required;
        $.fn.validatebox.defaults.missingMessage = '该输入项为必输项';
        control.combobox('enableValidation');
    }