javascript - 如果 ruby​​ on rails 中的 text_field 为空，如何禁用提交按钮？

Question

我是 ROR 的新手。我只想知道如果 text_field 为空，是否可以禁用提交标签按钮。？？

谢谢

Answer 1

你可以像这样用jquery来做，

现场演示

if($('#text_field').val() ==  "") 
   $('#submitButtonId').attr('disabled', true);

$('#text_field').keyup(function(){
    if($('#text_field').val() !=  "") 
         $('#submitButtonId').attr('disabled', false);    
    else
         $('#submitButtonId').attr('disabled', true);   
});

对于最新版本的 jQuery，您可能需要使用prop()而不是 attr() 来设置元素的 disabled 属性。

if($('#text_field').val() ==  "") 
   $('#submitButtonId').prop('disabled', true);

Answer 2

通常它是通过验证完成的，因此按钮保持活动状态，但表单出现验证错误并且不保存。在您的模型中，您将添加：

validates_presence_of :some_field, :some_other_field

如果你想这样做，你会使用javascript来完成它。

Answer 3

您可以为此使用 jQuery

$(function(){

     var val = $('#text_field').val();
     if(val == ''){
        $('input[type=submit]').attr('disabled', true)
     }
});

检查小提琴