添加一個外部輸入值，從而在提交

Question

我有一個典型形式：

<form action="" accept-charset="utf-8" method="post"> 
    <textarea name="content"></textarea> 
</form> 

和未裏面-A-表單元素：

<input type="password" name="password"> 

如何添加的價值我在提交表單時將密碼填入表格中？

$('form').submit(function(){ 
    //hmmm 
}); 

Answer 1

創建於形式的隱藏字段和密碼字段的值複製到該字段上提交。 喜歡這個。

<form action="" accept-charset="utf-8" method="post"> 
    <textarea name="content"></textarea> 
    <input type="hidden" name="password" id="ps"> 
</form> 

<input type="password" name="password" id="ps1"> 

並在提交功能。

$('form').submit(function(){ 
    $('input#ps').val($('input#ps1').val()); 
    return true; 
}); 

Answer 2

$('form').submit(function(){ 
    var password = $('input[type="password"]'); 
    password.appendTo($(this)); 
    //or $(this).append(password); 
}); 

Answer 3

包括以下形式的內部的隱藏的輸入元件， 上外輸入的改變事件時，分配內輸入的外部輸入的值。

<form action="" accept-charset="utf-8" method="post"> 
    <textarea name="content"></textarea> 
    <input type="hidden" id="inner" /> 
</form> 
<input type="password" name="password" > 


<script type="text/javascript"> 
    $(function(){ 
     $('#outer').change(function(){ 
      $('#inner').val($(this).val()); 
     }); 
    }); 
</script> 

Answer 4

使用隱藏的輸入字段內的形式是這樣的：

例如：<input type="hidden" name="pass">

當您提交的形式是這樣的：

$('form').submit(function(){ 
<!-- Save the value of password into the hidden field 
    Note : Password here should just be one field in that page --> 
$('input[name="pass"]').val($('input[type="password"]').val()); 
return true; 

}）;

Answer 5

的尚未支持的，但是，HTML5兼容的方式做到這一點「正確」是給你的<input>元素的[form] attribute：

<form id="foo"> 
    ...stuff... 
</form> 

<input type="password" id="bar" form="foo" /> 

最終，你可能能夠以此作爲解決方案，但在更多瀏覽器支持[form]屬性之前，您必須使用JavaScript對其進行填充。