如何在输入没有数组的情况下禁用按钮？

Question

我在我的HTML中有以下内容，输入值将由用户选择填充并以数组格式（45[45, 6, 33], 67[67,2,5] and so on..）存储值。基本上价值就会像下面这样：

<input id="question_string" type="hidden" value="{}"> 
<input class="submit_updates" name="commit" type="submit" value="Process"> 

现在我需要禁用提交按钮或提醒，如“选择所有值”的一些消息，如果输入已在{}没有阵列。

更新：

var question_hash_element = document.getElementById('question_string'); 
var question_hash = JSON.parse(question_hash_element.value); 

    var myArray = new Array(); 
     myArray[0] = window.batch_question_id; 
     myArray[1] = window.answer_id || window.answer_text || window.batch_answer_checkbox 
     myArray[2] = window.build_id 

上述代码存储的该位的值进入{}。我只想禁用并让用户选择所有字段来处理表单。如果值为{}，则应禁用该按钮。和里面的任何值，它应该被启用。

我已经试过类似如下：

$('.submit_updates').click(function() { 
    if ($('#question_string') == {}) { 
     return false; 
     alert("Select all the Values"); 
    } else { 
     return true; 
    } 
    }); 

它不工作..

任何帮助，将不胜感激！谢谢

Answer 1

您在提醒消息之前返回false。

试试这个：

$('.submit_updates').on("click", function() { 
    if ($('#question_string').val() == "{}") { //Adjusted condition 
    //Alert message 
    alert("Select all the Values"); 

    //Disable the submit button 
    $(".submit_updates").prop("disabled", true); 
    return false; 
    } else { 
    return true; //Not really needed 
} 
}); 

这是更好的使用on和prop代替click和attr，作为@adeneo建议。

Answer 2

$('.submit_updates').on('click', function (e) { 
    e.preventDefault(); 
    if ($.trim($('#question_string').val())=='{}') { 
     alert('no question !'); 
    }else{ 
     this.form.submit(); 
    } 
}); 

Answer 3

试试这个

$(function(){ 
    $('.submit_updates').on('click', function() { 
     if ($('#question_string').val() == "{}") { 
       $(this).prop('disabled', 'disabled'); 
       alert("Select all the Values"); 
     } else { 
     } 
     }); 
}); 

DEMO