七空幻音LOGO

七空幻音

表单ajax信息直接回车提交2016-02-23 21:45:44

最近嘛,还有几天就要开学了....又要去上学了,居然又要开学了!!!放假才几天?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提交即可

详细图片
载入中...