html表单在输入特定输入时阻止提交

Question

我有一个带有一些输入字段的html表单,其中一个输入字段是搜索字段,当我点击此搜索输入字段旁边的搜索按钮时,搜索结果将使用ajax从服务器返回,我想要的是防止当用户关注此特定搜索输入字段并按Enter键时,表单提交.顺便说一下,我正在使用AngularJS,因此解决方案可能与JQuery或纯JavaScript方式有点不同我认为..可行吗？任何意见,将不胜感激!

Answer 1

在按钮单击处理程序中执行e.preventDefault()

function clickHandler(e){
  e.preventDefault();
}

您还可以使用 abutton代替提交按钮。