2013-04-24 134 views
0

enter image description here如何在出現錯誤信息時禁用特定按鈕?

我這裏有一個創建賬戶的形式,我用戶ID字段旁邊的一個與對不起,用戶ID已經存在!是由AJAX生成的一條錯誤消息,通知用戶他輸入的用戶標識是否存在。 用戶名此處的字段也與用戶ID爲具有相同的功能。我的問題是我怎麼能禁用我的創建按鈕如果顯示的錯誤信息是對不起,用戶名/用戶名已存在? 。順便說一句,消息更改爲用戶ID /用戶名可用否則。

這裏是我的jQuery代碼

$(document).ready(function() 
    { 
    $('#create_btn').hover(function() 
    { 
     var id = $('#labeler').val(); 
     var user = $('#labeler2').val(); 

    if((id.indexOf('available') >= 0) && user.indexOf('available') >= 0) 
    { 
     $('#create_btn').removeProp('disabled'); 
    } 
    else 
    { 
     $('#create_btn').prop('disabled', true); 
    } 
}); 
}); 
+0

只要禁用按鈕,您_decide_顯示'對不起,用戶ID已經存在!' – mshsayem 2013-04-24 01:41:49

+0

嘗試返回:false;當錯誤是真的 – 2013-04-24 01:42:33

+0

@mshsayem wat jquery函數我會使用,如果當我將禁用按鈕?例如。 btn_create.hover()? – 2013-04-24 01:53:51

回答

0

我落得這樣做,是因爲我在上面使用的代碼能夠禁用創建按鈕,但無法再次啓用它,因爲.hover()不能讀中被禁用按鈕。感謝您的幫助!

$(document).ready(function() 
{ 
    $(':text').blur(function() 
    { 
     var id = $('#labeler').val(); 
     var user = $('#labeler2').val(); 

     if((id.indexOf('available') >= 0) && user.indexOf('available') >= 0) 
      $('#create_btn').removeProp('disabled'); 
     else 
      $('#create_btn').prop('disabled', true); 
    }); 
}); 
0

當你正在使用jQuery,你可以這樣做:

$("#buttonId").prop("disabled",true) 

More discussion here

我懷疑labeler/labeler2span/div。在這種情況下,您應該使用text(),而不是val()。改變這些線路分爲:

var id = $('#labeler').text();//user id notification AJAX 
var user = $('#labeler2').text();//username notification AJAX 
+0

我已更新我的帖子,我添加了我的jquery代碼 – 2013-04-24 02:13:31