2014-02-17 31 views
0

我有一個簡單的jquery模態表單。我認爲這只是一個小問題,但我無法追查錯誤的來源。請幫忙。 這裏是我的表單字段我如何提交我的jquery模態表格

<form id="dialog-form" action="insertcus.php" method="post"> 
    <fieldset> 
     <label>Name</label></br> 
     <input type="text" style="height:20px;width:150px" id="name" name="name" class="text ui-widget-content ui-corner-all"></br> 
     <label>Address</label></br> 
     <textarea class="text ui-widget-content ui-corner-all"required="required" rows="3" cols="29" id="address" name="address" form="dialog-form"> 
</textarea></br> 
     <label>Mobile Number</label></br> 
     <select class="text ui-widget-content ui-corner-all" required="required" name="con1" id="con1" style="height:30px;width:55px"> 
    <option value=""></option> 
    <option value="0905">0905</option> 
    <option value="0906">0906</option> 
    <option value="0907">0907</option> 
    <option value="0908">0908</option> 
    <option value="0910">0910</option> 
    <option value="0912">0912</option> 
    <option value="0914">0914</option> 
    <option value="0915">0915</option> 
    <option value="0916">0916</option> 
    <option value="0917">0917</option> 
    <option value="0918">0918</option> 
    <option value="0919">0919</option> 
    <option value="0920">0920</option> 
    <option value="0921">0921</option> 
    <option value="0922">0922</option> 
    <option value="0923">0923</option> 
    <option value="0925">0925</option> 
    <option value="0926">0926</option> 
    <option value="0927">0927</option> 
    <option value="0928">0928</option> 
    <option value="0929">0929</option> 
    <option value="0930">0930</option> 
    <option value="0932">0932</option> 
    <option value="0933">0933</option> 
    <option value="0934">0934</option> 
    <option value="0935">0935</option> 
    <option value="0936">0936</option> 
    <option value="0937">0937</option> 
    <option value="0938">0938</option> 
    <option value="0939">0939</option> 
    <option value="0942">0942</option> 
    <option value="0943">0943</option> 
    <option value="0946">0946</option> 
    <option value="0947">0947</option> 
    <option value="0948">0948</option> 
    <option value="0949">0949</option> 
    <option value="0989">0989</option> 
    <option value="0990">0990</option> 
    <option value="0994">0994</option> 
    <option value="0996">0996</option> 
    <option value="0997">0997</option> 
    <option value="0998">0998</option> 
    <option value="0999">0999</option> 
</select> 
<input class="text ui-widget-content ui-corner-all" pattern="[0-9]{7}" maxlength="7"type="text" name="con2" id="con2" required="required" style="height:20px;width:93px" > 
    </fieldset> 

    </form> 

這裏是我的腳本:

<script> 
$(function() { 

    function updateTips(t) { 
     tips 
      .text(t) 
      .addClass("ui-state-highlight"); 
     setTimeout(function() { 
      tips.removeClass("ui-state-highlight", 1500); 
     }, 500); 
    } 

    }); 


    $("#dialog-form").dialog({  
    autoOpen: false,  //Shows dialog 
    height: 300, 
    width: 220, 
    modal: true, 
    buttons: { 
     "Cancel": function() { 
      $(this).dialog("close"); 
     }, 

     "Save": function() { 
     $.ajax({ 
       url: "insertcus.php",     // 
       timeout: 30000, 
       type: "POST", 
       data: $('#dialog-form').serialize(), 



    }); 

     } 

     } 


}); 

    $("#create-user") 
     .button() 
     .click(function() { 
      $("#dialog-form").dialog("open"); 
     }); 



}); 







</script> 

當我點擊他保存按鈕時,它不會做任何事情。我的代碼有什麼問題? 我該如何提交給我的數據庫?

+0

我在HTML代碼中看不到保存按鈕。我會推薦的是拋出一個警告('過了這個部分');'在你的函數中,所以你知道javascript是否在運行,並且在死前有多遠。 – degenerate

+0

這不是你的問題,但每個領域需要我們和序列化的名稱工作。你的按鈕監聽器在哪裏? – bart2puck

+0

我不是我們。 iPhone輸入錯誤 – bart2puck

回答

0

1°字段沒有你的名字和標識

2°請與此錯誤代碼,因爲功能缺失關閉

丟失: 「})」

$(function() {}); 

http://jsfiddle.net/BdRz3/1/

+0

保存按鈕是在腳本代碼 – user3117337

+0

請參閱#2和#3 .... – bart2puck

+0

現在#1和#2,我編輯它更好地觀看 –