easyui form validate總是返回false原因

最近做表單驗證用了easyui form組件。又一次發現在測試表單都填寫正確了但是調試表單的代碼監測到調用form的"validate"方法總是返回false

最后查了一下原因在html中寫的是easyui-validatebox但是在script中卻又聲明了$('#field1').combobox();

<form id="form1">
    <input type="text" id="field1" class="easyui-validatebox" value="">
    <script type="text/javascript">
        $('#field1').combobox()
        
        
    </script>
    
</form>

這里給出一個排錯的方法！ 這里給出一個排錯的方法！ 這里給出一個排錯的方法！

這里引用了一個jquery插件回收表單對象

<script src="https://cdn.bootcss.com/jquery.serializeJSON/2.9.0/jquery.serializejson.js"></script>

 function checkeFormTest(target) {
　　　　//回收表單對象
        var formObject = $(target).serializeJson();
        var fieldTypes = jQuery.parser.plugins;
        for (var i = 0; i < fieldTypes.length; i++) {
            var typeName;
            var type = fieldTypes[i];
            var field = $(target).find('.ui-' + type);
            if (field.length) {
                var state = field.data(type);
                if (state) {
                    for (name in formObject) {
                        if (!field[type]('isValid')) {
                            typeName = type;
                            break;
                        }

                    }
                }
            }
            if (typeName) {
                alert("嘿兄跌，你的name=" + name + "的" + typeName + "類型的控件沒有驗證通過！")
                break;
            }
        }

    }
　　　　
　　　//執行一下就知道form里面哪個沒有驗證過去好對症下葯了，兄跌　
    $(function () {
        checkeFormTest($('#form1'));
    })

 

這樣表單驗證器 頁面填寫正確了，但是還是驗證不過去。

還有一種情況可能是你的驗證規則有問題。

 

 

技術交流QQ群：15129679