最新消息:关注【太平洋学习网】微信公众号,可以获取全套资料,【全套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/2017/0116/39.html

    与本文相关的文章

    发表我的评论
    取消评论

    表情

    您的回复是我们的动力!

    • 昵称 (必填)

    网友最新评论