成功消息弹出窗口后,禁用“提交”按钮

时间:2016-12-29 03:14:42

标签: javascript jquery html ajax

我有一个ajax函数,它将从servlet获取消息。当消息成功时,我想显示成功消息并禁用提交按钮,我该怎么办?请帮助我,非常感谢您的支持!

这是我的代码:

    <button id="send" onclick="ajaxSent()">SUBMIT</button>

function ajaxSent() { 
  $.ajax({
  url:'/ApiSend.cfm',
  data:{lname:l, pid:pid },
  type:'get',
  cache:false,
  success:function(data){

     if (data == null) {
      alert("Try Again!");
     }else if(data == 'success'){
      alert("Transaction Sent Successfully...");
     }
  },
 }
);
}

2 个答案:

答案 0 :(得分:1)

使用已禁用的属性。

success:function(data){
     if (data == null) {
      alert("Try Again!");
     }else if(data == 'success'){
      alert("Transaction Sent Successfully...");
     $("#send").prop("disabled", true);
     }

答案 1 :(得分:0)

只是在成功的情况下运行它。

$( "#send" ).remove();

我希望这有帮助!