4

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

谢谢

4

3 回答 3

14

你可以像这样用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);
于 2012-09-21T16:32:32.457 回答
1

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

validates_presence_of :some_field, :some_other_field

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

于 2012-09-21T16:33:24.320 回答
0

您可以为此使用 jQuery

$(function(){

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

检查小提琴

于 2012-09-21T16:32:45.837 回答