在提交前更改输入字段

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"}

问题是表单是用“原始”值提交的，而不是json查询返回的值。

问题是:如何‘等待’json结果首先，用编码的字符串替换输入字段，然后提交？

Answer 1

尝试绑定到submit按钮而不是表单，并在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;
            });
    });