Javascript 按enter键输入1时防止提交表单
我已经看到了,但我想在按enter键仅输入1次时禁用表单提交Javascript 按enter键输入1时防止提交表单,javascript,html,forms,html-input,Javascript,Html,Forms,Html Input,我已经看到了,但我想在按enter键仅输入1次时禁用表单提交 Javascript <form id="form"> <input type="text" name="enterNotDisabled"> <input type="text" name="enterDisabled"> <button type="submit"> </form> <script type="text/javascript">
Javascript
<form id="form">
<input type="text" name="enterNotDisabled">
<input type="text" name="enterDisabled">
<button type="submit">
</form>
<script type="text/javascript">
document.querySelector("#form").addEventListener("submit", function(e){
console.log('event')
e.preventDefault();
});
</script>
document.querySelector(“表单”).addEventListener(“提交”,函数(e){
console.log('事件')
e、 预防默认值();
});
jQuery
<form id="form">
<input type="text" name="enterNotDisabled">
<input type="text" name="enterDisabled">
<button type="submit">
</form>
<script type="text/javascript">
$('#form').submit(function(ev) {
console.log('event')
ev.preventDefault();
});
</script>
$('表格')。提交(功能(ev){
console.log('事件')
ev.preventDefault();
});
只需捕获该字段上的“回车”键事件
简单的例子:
<form>
<input type="text" name="enterNotDisabled">
<input type="text" name="enterDisabled" id="input2">
<button type="submit">
</form>
不要将eventListener添加到窗口中(如链接中所做的),而是将其添加到不希望触发表单submit的特定输入中。
function catchSubmit(evt) {
if (evt.code === 'Enter') {
evt.preventDefault();
}
}
document.getElementById('input2').addEventListener('keypress', catchSubmit, false);