JQUERY Ajax forme, page rafraichit et n'est pas censé dans Safari, ne rafraîchit pas dans FF (fonctionne bien)

Question

Je travaille sur un formulaire AJAX qui vit dans une boîte de dialogue JQUERY UI. Cela fonctionne très bien dans FireFox, mais pour une raison quelconque, dans safari, il rafraîchit la page pour: /?

S'il vous plaît laissez-moi savoir si quelque chose ne va pas ici?

<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

La raison pour laquelle cela fonctionne dans FireFox est qu'il ya une fonction définie sur trimString mais ce n'est pas standard.

Change:

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

à

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

Référence: $.trim