Question

  <script>
 $(document).ready(function() {
$('form["meldaan"] input').keyup(function() {

    var empty = false;
    $('form["meldaan"] input').each(function() {
        if ($(this).val() == '') {
            empty = true;
        }
    });

    if (empty) {
        $('#register').attr('disabled', 'disabled');
    } else {
        $('#register').removeAttr('disabled');
    }
});
});
</script>

This script works fine with one form, but I have two or three different forms on one page. I want each form to be treated different, if I use this code all fields in ALL forms need to be filled in, which I obviously don’t want.

How can I identify the unique forms? Say one form is named name="formone" and the other name="formtwo". How would I implement that? (It’s okay if I have to make more functions).

Answer 1

You just need to adjust your selector:

$('form[name="formone"] > input')

Update: @Andre, in your live example inputs are not direct children of the form element, so you need to use:

$('form[name="formone"] input')

Update 2: if you are using an id:

$('#formid input')