如果出现错误消息，如何禁用特定按钮？答案

【问题标题】：How to disable a specific button if there is an error message?如果出现错误消息，如何禁用特定按钮？
【发布时间】：2013-04-24 01:39:54
【问题描述】：

我这里有一个创建帐户表单，在我的 用户 ID 字段旁边带有 抱歉，用户 ID 已存在！ 是由 AJAX 生成的一条错误消息，用于通知如果他输入的用户 id 明显存在，则该用户。这里的Username字段也和User ID有同样的作用。我的问题是如果显示的错误消息是抱歉，用户 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);
    }
});
});

【问题讨论】：

只需禁用您决定显示Sorry, User ID already exists!的按钮
尝试返回：false；当错误为真时
@mshsayem wat jquery 函数如果我什么时候禁用按钮，我会使用吗？例如。 btn_create.hover()?
$("#buttonId").prop("disabled",true)
@mshsayem 我已经更新了我的帖子，我已经添加了我的 Jquery 代码

标签： php javascript jquery ajax user-interface

【解决方案1】：

当您使用 jQuery 时，您可以这样做：

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

More discussion here

我怀疑labeler/labeler2 是span/div。在这种情况下，您应该使用text()，而不是val()。将这些行更改为：

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

【讨论】：

【解决方案2】：

我最终这样做了，因为我上面使用的代码能够禁用创建按钮，但无法再次启用它，因为 .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);
    });
});

【讨论】：