在执行jQuery之前检查文本字段是否为空

Question

这可能是一个非常简单的问题，但我觉得这很令人困惑。

如果textField_1不为空，我如何运行myFunc（）？

如果.on('click', '#openButton', myFunc)，

，请($('#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

您可以在$('#textField_1').val()声明中测试if。如果它为空，则会将其视为false，否则会将其视为true。

JS（jQuery）：

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

这是fiddle。