在點擊提交時填充隱藏字段

Question

我有一個隱藏字段的html表單。點擊提交後，我希望隱藏的字段在進入表單驗證之前使用在另一個字段中輸入的值填充。是否有一種方法可以在Javascript中執行此操作？

HTML代碼：

<form> 
Email: <input type="text" name="email"><br> 
<input type="hidden" name="retype-email"> 
<input type="submit" value="Submit"> 
</form> 

的jsfiddle：http://jsfiddle.net/x1r8sunh/

Answer 1

鑑於您發佈的HTML，這應該工作：

$('form').on('submit', function(e){ 
    $('[name="retype-email"]').val($('[name="email"]').val()); 
}); 

Example Here

純JS選項：

document.forms[0].addEventListener('submit', function(){ 
    document.querySelector('[name="retype-email"]').value = document.querySelector('[name="email"]').value; 
}); 

Example Here

你可能會想使用ID或類選擇的元素。上面的JS可能會與其他元素相沖突 - 相應地改變。