LigerUI 中ligerForm 不能验证问题？

最新推荐文章于 2020-09-01 10:57:45 发布

mansea_nee

最新推荐文章于 2020-09-01 10:57:45 发布

阅读量9k

点赞数

分类专栏：随笔 c#程序

本文链接：https://blog.csdn.net/nihongyuan/article/details/11179735

版权

随笔同时被 2 个专栏收录

44 篇文章 0 订阅

订阅专栏

c#程序

32 篇文章 1 订阅

订阅专栏

在我们写页面时，有时为了省事，全放在JS中写，用的格式如下：

页面上

JS上：

$("#form2").ligerForm({
        inputWidth: 170, labWidth: 90, space: 40,
        fields: [
         { display: "产品名称", name: "ProductName", newline: true, type: "text", validate: { required: true} },
         { display: "销信时间", name: "SaleDate", newline: true, type: "date", validate: { required: true} },
          { display: "产品批号", name: "ProductCode", newline: true, type: "text", validate: { required: true} },
         { display: "标识码开始段", name: "IndentyStartCode", newline: true, type: "text", validate: { required: true} },
         { display: "标识码结束段", name: "IndentyEndCode", newline: true, type: "text", validate: { required: true} },
         { display: "销售顾客(个人)", name: "SaleToCompany", newline: true, type: "combobox", textField: "CompanyName", validate: { required: true }
         , editor: {
             selectBoxWidth: 350,
             selectBoxHeight: 240,
             valueField: 'CompanyInfoID',
             textField: 'CompanyName',
             grid: getGridOptions(),
             condition: condition

         }
         },
         { display: "描述", name: "Description", newline: true, type: "textarea" },

]

});

这个时候我们在点击保存事件时想执行表单验证功能，不行。如下代码：

var forms = liger.get("form2");

    if (forms.valid()) {

        var data = forms.getData();

}

也就是说始终是跳过去的，不执行里面的得到结果值，经过多次测试，后来发现，把

<div id="form2"></div> 改成： <form id="form2" class="liger-form" data-validate="{errorPlacement:validTextTip}"> </form>就可以了。

当然，在上面过程中，看 API，有个属性：validate 不知道怎么设置可以。就这么用吧，这个框架资料太少了。