jQuery Selector .not() isn't working

Question

I'm stuck why the .not() selector does not affect on validating. This is my HTML form:

<input name="Title" id="Title" type="text" />
<div id="ErrorTitle" class="hiddenbox"></div>

<input name="Text" id="Text" type="text" />
<div id="ErrorText" class="hiddenbox"></div>

<input name="Price" id="Price" type="text" />
<div id="ErrorPrice" class="hiddenbox"></div>

And this the jquery:

if($('#Title').val() == '')
{
    $('#Title').focus();
    ErrorBox('Please enter title', 'ErrorTitle'); // Write message in .hiddenbox
    $('.hiddenbox').not('#ErrorTitle .hiddenbox').hide();
}
else if($('#Text').val() == '')
{
    $('#Text').focus();
    ErrorBox('Please enter text', 'ErrorText'); // Write message in .hiddenbox
    $('.hiddenbox').not('#ErrorText .hiddenbox').hide();
}
else if($('#Price').val() == '')
{
    $('#Price').focus();
    ErrorBox('Please enter price', 'ErrorPrice'); // Write message in .hiddenbox
    $('.hiddenbox').not('#ErrorPrice .hiddenbox').hide();
}

When submitting the form no one error message would display! Do I wrong it?!

As you are using id selector simply use not('#ErrorTitle') there is no need to class selector — Satpal
– Satpal, Commented Jan 20, 2015 at 15:40
Learn how to use the very basic CSS selectors before starting to code. Space denotes hierarchy. — emerson.marini
– emerson.marini, Commented Jan 20, 2015 at 15:42

Ngob · Accepted Answer · 2015-01-20 15:51:30Z

1

I think you are wrong in your selector:

$(".validate").on('click', valid);
        function valid() {

            if($('#Title').val() == '')
            {

                $('#Title').focus();
                $("#ErrorTitle.hiddenbox").text("errortitle"); // Write message in .hiddenbox
                $("#ErrorTitle.hiddenbox").show();
                $('.hiddenbox').not('#ErrorTitle.hiddenbox').hide();
            }
            else if($('#Text').val() == '')
            {
                $('#Text').focus();
                $("#ErrorText.hiddenbox").text("errortext"); // Write message in .hiddenbox
                $("#ErrorText.hiddenbox").show();
                $('.hiddenbox').not('#ErrorText.hiddenbox').hide();
            }
            else if($('#Price').val() == '')
            {
                $('#Price').focus();
                 $("#ErrorPrice.hiddenbox").text("errorprice"); // Write message in .hiddenbox
                $("#ErrorPrice.hiddenbox").show();
                $('.hiddenbox').not('#ErrorPrice.hiddenbox').hide();
            }
        }

Should do the trick. Here is the fiddle: http://jsfiddle.net/BenoitNgo/hm128k63/

answered Jan 20, 2015 at 15:51

Ngob

4914 silver badges11 bronze badges

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

1 Comment

almiros Over a year ago

That saves me:) Thank you!

Collectives™ on Stack Overflow

jQuery Selector .not() isn't working

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related