如何禁用提交按鈕，如果text_field在軌道上的ruby爲空？

我是ROR的新手。我只想知道如果text_field爲空，是否可以禁用提交標記按鈕？如何禁用提交按鈕，如果text_field在軌道上的ruby爲空？

感謝

2012-09-21 Vinay

您就可以使用這個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的（）來設置元素的禁用屬性。

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

來源

2012-09-21 16:32:32 Adil

嗨，謝謝，它在現場演示中工作。我應該在哪裏給這個腳本的表格ID？ bcz它不適合我的形式。我認爲應該需要提供表單ID來獲得該作品。謝謝 – Vinay

你接受後仍然需要幫助，可能已經解決了表單ID混淆問題？ – Adil

我做了謝謝.. !!! – Vinay

您可以使用jQuery爲

$(function(){ 

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

檢查FIDDLE

來源

2012-09-21 16:32:45

嗨，謝謝...需要添加更多的線..我想..謝謝 – Vinay

通常它是通過驗證完成後，使按鍵保持活躍，但形式得到驗證錯誤，不保存。在你的模型，你可以這樣：

validates_presence_of :some_field, :some_other_field

。如果你想做到這一點，你可以使用JavaScript來完成它。

來源

2012-09-21 16:33:24 iouri

嗨，謝謝，問題是按鈕直接調用sql存儲過程。所以它不考慮我們在MODEL中進行的正常驗證。這就是爲什麼我進入jQuery來啓用和禁用按鈕。 – Vinay

如何禁用提交按鈕，如果text_field在軌道上的ruby爲空？

回答

相關問題