Simple jquery input name form validation

Question

I have a simple working ajax contact form (for the most part lol) and I have php validation that works and sends my email. My problem is the jquery portion, I want to validate and have error messages show based upon the kind of input error. Right now it seems like it always returns true for my first if statement (always says that there is no value in the input field). Where did my code go wrong?

if (!$.trim(("#contact-name").value).length) {
        console.log("Error: Required Name");
        $("#contact-name").next().text('Your name is required.');
}
    else { 
        var re = /^[a-zA-Z ]+$/;
        var is_name = re.test("#contact-name").val();
        if (is_name){
            error_free = true; 
            console.log("Success: Name is Valid");       
        }
        else {
            $("#contact-name").next().text('Your name cannot contain special characters');
            error_free = false;
            console.log("Error: Name cannot contain special characters");
        }
    }

Chang · Accepted Answer · 2017-04-27 02:01:40Z

2

for the first if statement, it should be:

if (!$.trim($("#contact-name").val()).length)

however, you might as well just do this

if(!$("#contact-name").val().trim())

which seems a little cleaner

edited Apr 27, 2017 at 2:01

answered Apr 27, 2017 at 1:55

Chang

1,7162 gold badges21 silver badges23 bronze badges

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

1 Comment

King King Over a year ago

are you sure $("#contact-name").value is still correct? it should be $("#contact-name").val()

Collectives™ on Stack Overflow

Simple jquery input name form validation

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