在執行jQuery之前檢查文本字段是否爲空

Question

這可能是一個非常簡單的問題，但我覺得很困惑。

如果textField_1不爲空，我該如何運行myFunc（）？

Excicute .on('click', '#openButton', myFunc) if ($('#textField_1').val()!="")？

Answer 1

檢查處理程序中：

.on('click', '#openButton', function() { 
    if(!$('#textField_1').val().trim().length) myFunc(); //thanks to @Mike for the suggestion on trim and length, see comments 
}) 

Answer 2

請參閱下面的代碼

<div> 
    <div> 
     <input type="text" id="text"/> 
     <input type="button" value="click" id="click"/> 
    </div> 
</div> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#click").click(function() { 
     if ($("#text").val() != '') { 
      myfunction(); 
     } 
    }); 
}); 
function myfunction() { 
    alert($("#text").val()); 
} 
</script> 

Answer 3

您可以在if語句來測試$('#textField_1').val()。如果它是空的，它將被視爲false，否則將被視爲true。

JS（jQuery的）：

$('#openButton').on('click', function() { 
    if ($('#textField_1').val()) { 
     myFunc(); 
    } 
}); 

這裏有一個fiddle。