gpt4 book ai didi

javascript - 如果单击输入,则阻止表单提交

转载 作者:行者123 更新时间:2023-11-30 11:43:15 25 4
gpt4 key购买 nike

<分区>

我有这个简单的表格

<form action="http://localhost/my_project/account_control" id="generate" method="post" accept-charset="utf-8">
<div class="form-group">
<label for="personnel">Personnel Password</label>
<input class="form-control panel__input-container" name="personnel" type="password" placeholder="password" value="">
</div>
<div class="form-group">
<div class="authority__button-container center-block">
<button type="button" class="btn btn-default button--dark" id="reset-save"><span><i class="fa fa-save"></i></span> SAVE</button>
</div>
</div>
</form>

我的程序使用 ajax 在给定的表单属性 action="http://localhost/my_project/account_control" 中提交数据,当登录用户点击按钮。

这是ajax。

$('#reset-save').click(function() {
url = $(this).parents('form').attr('action') + '/reset_user_password';
form_id = $(this).parents('form').attr('id');

$.ajax({
type: "POST",
url: url,
data: $('#'+form_id).serialize(),
dataType: 'JSON',
success:(result) => { // My Message Here },
error: function(result) { // My error message here },
beforeSend: function() { },
completes: function() { }
}); // end of ajax

});

问题是,如果用户输入密码的速度太快,然后突然按下键盘上的 enter,表单会触发提交并导致页面出错。

我怎样才能禁用它?

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com