This might be a very easy question, but I find it confusing.
How do I run myFunc() if textField_1 is not empty?
Excicute .on('click', '#openButton', myFunc) if ($('#textField_1').val()!="") ?
3 Answers
Check inside the handler:
.on('click', '#openButton', function() {
if( !$('#textField_1').val().trim().length ) myFunc(); //thanks to @Mike for the suggestion on trim and length, see comments
})
4 Comments
tymeJV
@Mike -- Always open to suggestions.
Mike
User trim, that way we're ensuring that it isn't a useless string. Also, you don't need to check if val != "", the length property is easier to check (it will be a boolean test without having to compare strings)
Mike
if(!$('#textField_1').val().trim().length) myFunc();
Mike
Np, that's what SO is for, improving all of our code :)
Refer below code
<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>
Comments
You can test $('#textField_1').val() in an if statement. If it's empty, it'll be treated as false, otherwise it's treated as true.
JS (jQuery):
$('#openButton').on('click', function () {
if ($('#textField_1').val()) {
myFunc();
}
});
Here's a fiddle.
myFunc?