Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击“拒绝提交”时拒绝提交;输入“;论特定形式元素_Javascript_Jquery_Html - Fatal编程技术网

Javascript 单击“拒绝提交”时拒绝提交;输入“;论特定形式元素

Javascript 单击“拒绝提交”时拒绝提交;输入“;论特定形式元素,javascript,jquery,html,Javascript,Jquery,Html,这可能有点棘手 我有一个包含10个文本框的表单(考虑其名称1、名称2..name10) 我想要的是,当我关注name1文本框并点击“回车”时,表单不应提交。相反,我想调用一个函数 但是当我在关注其他表单元素而不是name1时点击“回车”,表单应该被提交 如果你认为还有其他办法,请告诉我 注意:我无法将元素移出表单。使用keypress事件作为第一个输入元素,并使用事件.preventDefault()阻止表单提交 $('form').on('keypress', function(e) {

这可能有点棘手

我有一个包含10个文本框的表单(考虑其名称1、名称2..name10)

我想要的是,当我关注
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语句。感谢您的帮助。以上答案正是我想要的。感谢您帮助我学习这种方法。:)