Question

I have two form fields and would like to post those values using jquery only when both have a value. I have tried this but there must be a better way. I think this way could lead to errors

$('#RFID').change(function(e){          

    if($(this).val() != '' && $('#STATION_ID').val() != ''){                

    }
});

Answer 1

That’s not a particularly bad approach. It could be cleaned up a little though. I would go with something like this:

var $fields = $('#RFID, #STATION_ID').change(function(e) {
    if ($fields[0].val() && $fields[1].val()) {
        // post it
    }
});

---

Edit: The code above was assuming you wanted to post as soon as you had both values. Looking at your question again, I may have read it wrong. If you simply want to prevent the form from posting unless you have both values, you would really want this:

$('form').submit(function(e) {
    if (!$fields[0].val() || !$fields[1].val()) e.preventDefault();
});