在提交之前更改輸入字段

Question

我必須使用重音符號爲特定註冊商編碼域名（IDNA）。

我有一個簡單的輸入框：

<input type="text" id="idndomain" name="sld[0]" size="40" /> 

我的jQuery函數

$(document).ready(function() { 
    $('#domainform').submit(function(){ 
     $.getJSON("includes/idna/idna.php", { 
      domain: $("input#idndomain").val() 
     }, function(data){ 
      $("div#result").html($('<b>' + data.encoded + '</b>')); 
      $('#idndomain').val(data.encoded); 
     }); 
     return true; 
    }); 
}); 

，所以我將查詢發送idna.php編碼的域名，並返回一個JSON數組：

{"encoded":"xn--caf-dma.ch"} 

問題是表單正在用'原始'值取代，而不是返回的值b y的json查詢。

問題是：如何首先等待json結果，用編碼後的字符串替換輸入字段，然後提交？

Answer 1

嘗試綁定到提交按鈕，而不是形式，並明確調用JSON呼叫的成功回調中窗體的submit處理程序：

$(document).ready(function() { 
      $('#submitButton').click(function(){ 

        // maybe disable the submit button once clicked? 
        $(this).attr('disabled', true); 
        $.getJSON("includes/idna/idna.php", { 
          domain: $("input#idndomain").val() 
        }, function(data){ 
          $("div#result").html($('<b>' + data.encoded + '</b>')); 
          $('#idndomain').val(data.encoded); 
          // now submit the form 
          $('#domainform').submit(); 
        }); 
        return false; 
      }); 
    });