如果在軌道上的ruby中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)
     }
});

檢查FIDDLE