在提交之前更改输入字段

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; 
      }); 
    });