javascript - 在点击提交时填充一个隐藏字段

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 可能会与其他元素冲突 - 相应地更改。