admin 发表于 2014-4-10 15:42:52

jQuery实现提交表单后表单按钮变灰色不可点击等

提交表单防止用户多次提交,需要在用户点击提交之后锁定提交按钮 或者移除提交按钮,下面的代码可以实现,自己测试修改即可:

<input type="submit" value="立即发布" id="tijiao" />
<input type="submit" value="立即发布" id="tijiao2" />
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
//JQ实现点击后隐藏提交按钮,显示文字提示
$("#tijiao").click(function(){
$(this).parent().append("发布中...");//在尾部插入提示
$(this).remove();//移除元素
document.add.submit();//执行submit的提交功能
})
//JQ实现点击后锁定提交按钮,改变input文字提示
$("#tijiao2").click(function(){
$(this).attr('disabled', 'disabled').val("发布中...");//改变INPUT的属性值
document.add.submit();//执行submit的提交功能
})
</script>
页: [1]
查看完整版本: jQuery实现提交表单后表单按钮变灰色不可点击等