jQuery easyui form不能提交

最近在做一個新項目,項目中用到了jQuery easyui,這個前臺UI框架真的是很好用。有興趣的可以參考官方網站,裏面的文檔中有詳細的介紹,直接拷貝文檔中的代碼就可以使用了。
jQuery easyui

今天要記錄的問題是,當使用jQuery easyui的form提交時,居然提交不了,切控制檯和瀏覽器上都沒有任何的錯誤提示。一般我遇到這種問題,都是採取刪減法,即將頁面上的元素標籤全部刪除,然後一點一點添加上去,逐次判斷到底是哪個元素的問題。最終發現是因爲form表單中有一個datebox元素,然後該輸入框有一個屬性添加上了,導致整個表單提交不了,去掉該屬性就ok了。
去掉前:

<input id="dRetime" name="dRetime" type="text" class="easyui-datebox" **required="required"**>

去掉後:

<input id="dRetime" name="dRetime" type="text" class="easyui-datebox">

此外,今天還遇到個問題是,當使用form的load方法時,將表格中數據加載到表單上時,如果字段大小寫不一樣,會導致數據沒法加載成功。

/* 注 : 此時js腳本中有如下代碼:*/

$(function(){
    easyloader.load(['validatebox'], function(){ 
         $('#constant_form input').each(function () {
              if ($(this).attr('required') || $(this).attr('validType'))
                  $(this).validatebox();
          });
    });
});

且 input 標籤中有easyui-validatebox,這是可以把easyui-validatebox 這個css樣式類去掉,表單也可以提交完成。

 <input type="text" id="aksTime" name="aksTime"
                   class="easyui-validatebox easyui-datetimebox ldb-input"
                    data-options="required:true"/>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章