Question

163

Required field validation jquery showing error message

rated 0 times [ 164] [ 1] / answers: 1 / hits: 55690 / 11 Years ago, sat, july 20, 2013, 12:00:00

I validated some fields in my form.. But i have some issues..If without enter fields it shows error message.. If fill out the field still error message is showing..

How to put that ?

My code

 $(#Name).focus();

$(#Name).blur(function(){

    var name=$('#Name').val();

    if(name.length == 0){

        $('#Name').after('<div class=red>Name is Required</div>');

    }

    else {

    return true;

    }

});



   $(#Address).blur(function(){

    var address=$('#Address').val();

    if(address.length == 0){

        $('#Address').after('<div class=red>Address is Required</div>');

        return false;

    }

    else {

    return true;

    }

});

can anyone help me please?????

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

charisma

Add To Favorites

Follow

Total Points: 1

Total Questions: 99

Total Answers: 117

Location: Thailand

Member since Thu, Apr 22, 2021

3 Years ago

charisma questions

1 How to show Modal after clicking a button in another component in React?

Wed, Jun 1, 22, 00:00, 2 Years ago

1 How to get an RTK Query API endpoint state (isLoading, error, etc) in a React Class component?

Thu, Jul 29, 21, 00:00, 3 Years ago

1 How to iterate through a map in Typescript: for...in? for...of? forEach?

Mon, Jan 25, 21, 00:00, 3 Years ago

1 React How to remove the animation of Material-UI Select

Wed, Apr 15, 20, 00:00, 4 Years ago

1 Pass webpack (environment) variable to scss file

Tue, Feb 4, 20, 00:00, 4 Years ago

View All

answered 11 Years ago hayleevalenciac · Accepted Answer

You should remove this labels after that user input some data

$(#Name).focus();

$(#Name).blur(function(){

    var name=$('#Name').val();

    if(name.length == 0){

        $('#Name').after('<div class=red>Name is Required</div>');

    }

    else {

        $('#Name').next(.red).remove(); // *** this line have been added ***

        return true;

    }

});



   $(#Address).blur(function(){

    var address=$('#Address').val();

    if(address.length == 0){

        $('#Address').after('<div class=red>Address is Required</div>');

        return false;

    }

    else {

        $('#Address').next(.red).remove(); // *** this line have been added ***

        return true;

    }

});

jsfiddle: DEMO