最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套Java基础27天】【JavaEE就业视频4个月】【Android就业视频4个月】

js防止form表单重复提交的方法

JS/CSS admin 浏览 评论

js的onsubmit事件会在form表单确认提交的时候触发,因此我们在防止form表单重复提交的时候,可以在这上面添加一段代码就可以了,使用非常的简单。

onsubmit="getElementById('dosubmit').disabled=true;return true;"

整段js代码很简单,如果你不知道在哪儿添加form表单重复提交的代码,下面的例子可以借鉴。

    <form onsubmit="getElementById('dosubmit').disabled=true;return true;" action="xxx.php" method="post">
        用户名:<input type="text" name=""/>
        密码:<input type="text" name=""/>
        <input id="dosubmit" type="submit" value="提交">
    </form>

就是把onsubmit事件里面的代码添加到form表单标签里面就ok了,此方法非常有效,原理就是点击一次提交按钮后,这个按钮就被锁定不能再点击了。

来源网站:太平洋学习网,转载请注明出处:http://www.tpyyes.com/a/js_css/39.html
"文章很值,打赏犒劳作者一下"
微信号: Javaweb_engineer

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

与本文相关的文章

发表我的评论
取消评论

表情

您的回复是我们的动力!

  • 昵称 (必填)

网友最新评论