Select individual form with Javascript

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).

@gdoron you could, but names are more usual on forms and form elements. — Christophe
– Christophe, Commented Nov 3, 2012 at 22:56
@Christophe. Nonsense. id as much as I'm aware of can be used for any HTML tag. and "usual" ? usual if you need to select individual item when you have multiple, you give it id... — gdoron
– gdoron, Commented Nov 3, 2012 at 22:59
@gdoron wrong, id cannot be used on any HTML tag. But anyway that was not my point. — Christophe
– Christophe, Commented Nov 3, 2012 at 23:15

Christophe · Accepted Answer · 2012-11-03 23:24:01Z

4

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')

edited Nov 3, 2012 at 23:24

answered Nov 3, 2012 at 22:51

Christophe

28.3k29 gold badges105 silver badges145 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Andre Over a year ago

That doesn't seem to work.. Strange. I tried it with ID too, but that didn't work as well.

Andre Over a year ago

@gdoron what do you mean by that?

Andre Over a year ago

@Christophe live demo at websiteuniversiteit.nl/new , Aanmelden is the first form and inloggen the second.

Andre Over a year ago

@gdoron added that but still doesn't work :( the live website is websiteuniversiteit.nl/new , aanmelden is the form.

Andre Over a year ago

@Christophe .. still not working.. See my updated post for the code I have at this point

|

Collectives™ on Stack Overflow

Select individual form with Javascript

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related