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

admin

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

1. <input type="submit" value="立即发布" id="tijiao" />
   
2. <input type="submit" value="立即发布" id="tijiao2" />
   
3. <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
   
4. <script>
   
5. //JQ实现点击后隐藏提交按钮，显示文字提示
   
6. $("#tijiao").click(function(){
   
7. $(this).parent().append("发布中...");//在尾部插入提示
   
8. $(this).remove();//移除元素
   
9. document.add.submit();//执行submit的提交功能
   
10. })
    
11. //JQ实现点击后锁定提交按钮，改变input文字提示
    
12. $("#tijiao2").click(function(){
    
13. $(this).attr('disabled', 'disabled').val("发布中...");//改变INPUT的属性值
    
14. document.add.submit();//执行submit的提交功能
    
15. })
    
16. </script>

复制代码