表单ajax信息直接回车提交
- 2016-02-23 13:45:44
- 幻音い
- 8833
温馨提示: 这篇文章于3194天前编写,现在可能不再适用或落后.
最近嘛,还有几天就要开学了....又要去上学了,居然又要开学了!!!放假才几天?50天而已,过的好快.....,我就写一点小技巧的文章吧。
都知道ajax提交信息的时候是不需要表单的,直接js或jq触发就可以提交,但是如果用户想在表单输入框任何地方回车就会没有反应,如果用onkeydown去触发的话虽然能够实现,但是如果很多输入框呢?那岂不是要写很多咯?
这里实现这个效果还是需要表单,但是并不是用表单去提交信息,而是表单触发
<form onsubmit="return false;">
<input type="text" id="user">
<input type="password" id="password">
<input type="submit" value="提交" id="submit">
</form>
onsubmit这个函数是当submit按钮被触发的时候才会生效。
form表单在submit按钮同步提交的时候按下回车会提交,我们就可以利用这个方法在submit被触发的时候阻止他去触发,让js或jq去执行ajax提交即可
阁下需要登录后才可以查看评论哦~