在点击提交时填充隐藏字段

时间:2014-09-04 00:10:52

标签: javascript html

我有一个隐藏字段的html表单。点击提交后,我希望隐藏字段填充在另一个字段中输入的值,然后才能进行表单验证。有没有办法可以在Javascript中执行此操作?

HTML code:

<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/

1 个答案:

答案 0 :(得分: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可能会与其他元素冲突 - 相应地改变。