Javascript 单击“拒绝提交”时拒绝提交;输入“;论特定形式元素
这可能有点棘手 我有一个包含10个文本框的表单(考虑其名称1、名称2..name10) 我想要的是,当我关注Javascript 单击“拒绝提交”时拒绝提交;输入“;论特定形式元素,javascript,jquery,html,Javascript,Jquery,Html,这可能有点棘手 我有一个包含10个文本框的表单(考虑其名称1、名称2..name10) 我想要的是,当我关注name1文本框并点击“回车”时,表单不应提交。相反,我想调用一个函数 但是当我在关注其他表单元素而不是name1时点击“回车”,表单应该被提交 如果你认为还有其他办法,请告诉我 注意:我无法将元素移出表单。使用keypress事件作为第一个输入元素,并使用事件.preventDefault()阻止表单提交 $('form').on('keypress', function(e) {
name1
文本框并点击“回车”时,表单不应提交。相反,我想调用一个函数
但是当我在关注其他表单元素而不是name1
时点击“回车”,表单应该被提交
如果你认为还有其他办法,请告诉我
注意:我无法将元素移出表单。使用keypress事件作为第一个输入元素,并使用
事件.preventDefault()阻止表单提交代码>
$('form').on('keypress', function(e) {
if (e.code === 'Enter' && $(e.target).is('textarea')) {
return false;
}
});
$(文档).ready(函数(){
$(“#名称1”).keydown(函数(事件){
如果(event.keyCode==13){
calculate()//在此处调用函数
event.preventDefault();
}
});
$('form')。在('submit',()=>{//arrow函数上
console.log(“提交”);//表单
} );
函数计算(){
console.log(“阻止提交”);
}
});代码>
请共享您的代码。向name1
添加单独的事件处理程序。请参阅为什么有event.preventDefault()
和返回false代码>一起?它们的作用不一样吗?另外,第一个事件处理程序的任何特定原因都是一个普通函数,而第二个事件处理程序是一个箭头函数???@SudiptoRoy在这里没有任何用处。如果要跳过事件之后的所有代码。preventDefault()
在keydown方法中,则必须使用return语句。感谢您的帮助。以上答案正是我想要的。感谢您帮助我学习这种方法。:)