现在的位置: 网页制作教程JS网页特效 >正文
JavaScript脚本

如何用js阻止按钮提交表单

发表于2016/11/15 JS网页特效 0条评论 ⁄ 热度 2,238℃

表单是每位程序开发人员绕不开的点,网站要想进行数据交换,最简单的就是运用表单了,当然如果你段位再高一点的话,用ajax也是可以的。

默认情况下input的type为image或者submit,点击都会提交表单。但由于为了某些特定需要,我们会希望点击按钮不提交。本站还有类似的文章:同时提交多个表单超链接如何提交表单

表单

我们是通过js在按钮上添加一个onclick事件来阻止表单的提交

<input type ="submit" onclick ="return false;"/>

这样就会取消点击触发的默认事件,禁止了表单的提交

当然,你还可以进一步地在onclick事件上绑定执行函数,可参考下面代码:

<input type ="submit" onclick ="return CheckName();"/>
function CheckName()
{
    ....xxxx
    return false;
}
  • 暂无评论