IF OR Function in jQuery on a PHP site

Question

Can anyone tell me what's wrong and how to fix this bit of code...

I am trying to bring up a message and not go to the next page, if the #send_country box has either nothing in it or says "Send From..." (as its the placeholder).

This is the bit of code I am having issues with:

if (country == '0' || country == "Send From...") {
    error = 1;
    jQuery('.msg').text("Please Select A Country.");
}

I think I have an issue with the OR function as it works without the || country == "Send From...".

<script>
    jQuery(document).ready(function(){
        jQuery('.submit').click(function() {

            var error = 0;
            var country = jQuery('#send_country').val();
            var countrys = jQuery('#delv_country').val();
            var idsa = jQuery('.size').val();

            if (country == '0' || country == "Send From...") {
                error = 1;
                jQuery('.msg').text("Select A Country.");
            }
            if (countrys == '0') {
                error = 1;
                jQuery('.msg').text("Select A Country.");
            }

            if (error) {
                return false;
            } else {
                return true;
            }

        });

    });
</script>

Zakaria Acharki · Accepted Answer · 2016-11-27 17:43:40Z

1

if the #send_country box has either nothing in it or says "Send From..." (as its the placeholder).

The placeholder attribute is different than the value, you couldn't get the placeholder using .val(); instead you should use .prop('placeholder') :

var country_placeholder = jQuery('#send_country').prop('placeholder');

So the condition will be :

if (country == '0' || country_placeholder == "Send From...") {

But like this the condition will always return true since the placeholder will not change if you're filling the field, so i suggest just to check if the value is empty or '0' :

if (country == '0' || country == "") {

Hope this helps.

jQuery('.submit').click(function() {
  var error = 0;
  var country = jQuery('#send_country option:selected').val();

  if (country == '') {
    error = 1;
    jQuery('.msg').text("Select A Country.");
  }

  if (error) {
    console.log('EROOR');
  } else {
    console.log('SUBMIT');
  }

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <select type="text" id='send_country'>
    <option value="" disabled selected>Send From...</option>
    <option value="1">1</option>
    <option value="2">2</option>
  </select>

  <button class='submit'>Submit</button>
</form>

<span class='msg'></span>

edited Nov 27, 2016 at 17:43

answered Nov 27, 2016 at 17:15

Zakaria Acharki

67.5k15 gold badges79 silver badges106 bronze badges

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

2 Comments

tbowden Over a year ago

Thanks! I have made this my first option <option value="" disabled selected>Send From...</option> as the placeholder as I am having trouble, can I just make it see the "Send From..." in the or statement?

Zakaria Acharki Over a year ago

I think i got you, the problem is in the way you're retrieving the value of the select, use var country = jQuery('#send_country option:selected').val();. (check my updated snippet).

Collectives™ on Stack Overflow

IF OR Function in jQuery on a PHP site

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related