easyui validatorbox自定义validator

最新推荐文章于 2021-09-21 18:55:01 发布

原创最新推荐文章于 2021-09-21 18:55:01 发布 · 212 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

easyui 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个基于EasyUI框架的自定义验证插件实现细节，包括如何通过不同类型的输入元素（如单选按钮、复选框、下拉选择框等）进行有效性检查。此插件能够帮助开发者确保前端表单数据的有效性和完整性。

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

,
 selectRequired:{
  // <select> ... tag
  // <span class="easyui-validatebox" validType="selectRequired[{'id':'wareHouse','className':'abc','type':'value'},'请选择******.']" value=" " style="padding-left: 15px;width: 220px">
  // </span>
        validator:function(value, param){
   if (param != null) {
    debugger;
    var id = param[0].id;
    var classs = param[0].className;
    var type = param[0].type;
    
    if(id != null && id != "") {
     // id取值
     if (type != null && type != "" && (type == "radio" || type == "check")) {
      if ($("#"+id).attr("checked") != "checked") {
       return false;
      } else {
       return true;
      }
     } else if (type == "value") {
      if ($("#"+id).val() == null || $("#"+id).val() == "") {
       return false;
      } else {
       return true;
      }
     }
    } else if (classs != null && classs != ""){
     // class取值
     var rs = false;
     if (type == "radio") {
      $("."+classs).each(function (a, b) {
       if($(this).attr("checked") == "checked"){
        rs = true;
        return false;
       }
      });
     } else if(type == "check") {
      // checkbox
      $("."+classs).each(function (a, b) {
       if($(this).attr("checked") == "checked"){
        rs = true;
        return false;
       }
      });
     }
     return rs;
     
    }
    return true;
   }
  },
  message:'{1}'
 }