JQUERY Ajax窗體，頁面刷新＆不應該在Safari中，不刷新FF（工作正常）

Question

我正在處理JQUERY UI對話框中的AJAX窗體。它在FireFox中效果很好，但出於某種原因，在Safari瀏覽器中刷新頁面：/？

請讓我知道這裏有什麼不對嗎？

<div class="modal-container"> 
    <form onsubmit="" action="" id="list-dialog-form" name="list-dialog-form"> 
     <div id="modal-wrapper"> 
      <br><br> 
      <div class="modal-inputbar"> 
       <span style="width: 100px;" class="inputbar-label"> 
        <label>Edit List Name:</label> 
       </span> 
       <span style="width: 200px;" class="inputbar-input"> 

         <input type="text" style="padding-right: 25px;" autocomplete="off" maxlength="140" id="listname" value="Untitled"> 

       </span> 
      </div> 
     </div> 
     <div id="modal-submit" class="modal-submit"> 
      <span class="left delete-wrap"> 

        <span onclick="deleteThisList(15);" class="delete"> </span> 

      </span> 
      <span style="line-height: 2em;" class="right"> 

       <input type="hidden" value="15" id="tasklistID"> 

       <input type="submit" value="update" id="dialogcloser"> 
       <input type="button" onclick="$('#listeditdialog').dialog('close');" value="close" id="dialogcloser"> 
      </span> 
     </div> 
    </form> 
</div> 

// Handles Updating the List Title 
$("#list-dialog-form").submit(function(){ 

    // Ajax Spinner 
    $("#listname").css("background", "url('/images/ajax-loader.gif') no-repeat scroll 98% center #FFF"); 

    $.ajax({ 
     url: '/ajax/listname-update/index.cfm', 
     data: ({listname: $("#listname").val().trim(), tasklistID: $("#tasklistID").val()}), 
     dataType: 'json', 
     type: 'post', 
     success: function(result) { 

      // Update the name in the top, project list 
      $("#list-" + $("#tasklistID").val()).find('a').html($("#listname").val().trim()); 
      $("#list-" + $("#tasklistID").val()).effect('highlight', {color: '#BDC1C7'}, 500); 

      //Remove the Ajax Spinner 
      $("#listname").css("background", "#FFF"); 
      $("#listname").effect('highlight', {color: '#BDC1C7'}, 500); 

      //close the dialog 
      $('#listeditdialog').dialog('close'); 

     } 
    }); 

    return false; 

}); 

Answer 1

這部作品在Firefox中的原因是，有上String定義的trim功能，但它不是標準。

變化：

$("#listname").val().trim() 

到

$.trim($("#listname").val()) 

參考：$.trim