jquery multiple class selector

Question

I am trying to attach a click event handler on a button but it doesn't call the click event on the button. I guess I am using wrong selectors. Can anybody help me out?

The HTML:

<button type="submit" class="btn btn-primary btn-block mb20 submitForm" onclick="RemoveValidation()">Search</button>

And here is the JQuery:

$("#txtZip").keyup(function (event) {
    debugger;
    if (event.keyCode == 13) {
        $(".btn .submitForm").click();
    }
});

Pranav C Balan · Accepted Answer · 2016-05-03 10:45:36Z

2

Remove the space between them to select element with both class,.btn .submitForm will search .submitForm within .btn.

$("#txtZip").keyup(function (event) {
    debugger;
    if (event.keyCode == 13) {
        $(".btn.submitForm").click();
        // ----^--- remove the space
    }
});

answered May 3, 2016 at 10:45

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

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

2 Comments

Huma Ali Over a year ago

Thank you for telling me the difference! :)

Pranav C Balan Over a year ago

@HumaAli : glad to help

Ramesh · Accepted Answer · 2016-05-03 11:32:57Z

0

or else you can use submit function.

<form id="form_id">
......
</form>

$("#txtZip").keyup(function (event) {
    debugger;
    if (event.keyCode == 13) {
        $("#form_id").submit();
    }
});

answered May 3, 2016 at 11:32

Ramesh

1,8972 gold badges25 silver badges30 bronze badges

Collectives™ on Stack Overflow

jquery multiple class selector

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related