how to include multiple if statement conditions in jQuery

Question

I have an if statement that needs to look like this: UPDATE

 $("input#textbox").keypress(function(e){
    key==e.which;
    if($("input#textbox").length <=7 && (key===13 || $("div#search-button").click())){
       /////SOME FUNCTION////
    };
 });

I'm trying to execute the "SOME FUNCTION" area only if the input length is <=7 and either the enter button is pressed or the "search" button is clicked.

Furthermore, I want to combine these 2 different function initiators so that they execute the same function but don't know how to do it:

  $("input#textbox").keypress(function(e){
     FUNCTION A
  };

  AND 

  $("div#search-button").click(function(){
     FUNCTION A
  };

What you're referring to is applicable to all of javascript. Adding parenthesis likely isn't your problem. You should paste the code that is breaking. Also, that semi-colon after your closing bracket could cause errors. — Jage
– Jage, Commented Apr 21, 2010 at 16:58
That's valid syntax, though I think you mean expression, not statement. Not sure what the issue is. More info may help. — Matthew Flaschen
– Matthew Flaschen, Commented Apr 21, 2010 at 16:58
Unless jquery is doing something very odd, it seems like $("div#search-button").click() isn't going to return something that will tell you it was clicked... — Tetsujin no Oni
– Tetsujin no Oni, Commented Apr 21, 2010 at 17:28

Raja · Accepted Answer · 2010-04-21 18:13:04Z

2

EDIT:

This is what you have to do:

I am assuming that you want the text length and not number of textboxes.
You want to execute FunctionA when enter is pressed on textbox or search button is clicked:


     $("input#textbox").keypress(function(e){
        key==e.which;
        if (key === 13) // if enter is pressed
        {
           if ("#textbox").val().length >= 7) //if textbox has more than 7 characters
           {
               functionA();
           }
        }
     });
     $("div#search-button").click(function(){ functionA();});

HTH

edited Apr 21, 2010 at 18:13

answered Apr 21, 2010 at 17:01

Raja

3,6383 gold badges31 silver badges40 bronze badges

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

2 Comments

sadmicrowave Over a year ago

@Raja - please see UPDATE in Original Post

Raja Over a year ago

Please check out the solution now. HTH

David Murdoch · Accepted Answer · 2010-04-21 18:39:10Z

0

This is how I would do it:

$("#search-button").click(function(){
    $("#textbox").keypress(function(e,clicked){
        (clicked || e.which===13) && $(this).val().length < 8 && functionA();
    }).trigger("keypress",[true]);
});
function functionA(){
    alert("hey!");
}

edited Apr 21, 2010 at 18:39

answered Apr 21, 2010 at 18:29

David Murdoch

89.6k40 gold badges155 silver badges192 bronze badges

Collectives™ on Stack Overflow

how to include multiple if statement conditions in jQuery

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