JQUERY Ajax 양식, 페이지 새로 고침 & 사파리에 있어야하지 않습니다, FF로 새로 고치지 않습니다 (잘 작동합니다)

Question

JQuery UI 대화 상자에 살고있는 AJAX 양식 작업 중입니다. FireFox에서 훌륭하게 작동하지만 사파리에서는 다음과 같은 페이지를 새로 고칩니다. /?

여기에 일이 잘못되었는지 알려주세요. 이 파이어 폭스에서 작동

<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

이유가 String에 정의 된 trim 기능입니다하지만 표준되지 않는 것입니다.

변경 :

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

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

에 참조 : $.trim