how can i display form errors in div with jquery

Question

i know this is very simple question but i am new on this so please help me. i want to display the error message on my contact_result div but the script is not working, i wrote the following code:

$("document").ready(function() {
$("#contact_submit").click(function() {
    var first_name = $("#first_name").val();
    var last_name = $("#last_name").val();
    var phone = $("#phone").val();
    var email = $("#email").val();
    var atpos = email.indexOf("@");
    var dotpos = email.lastIndexOf(".");
    var msg = "";

    if(first_name == "") {
        msg+= "First Name is required.<br />";
    }

    if(last_name == "") {
        msg+= "Last Name is required.<br />";
    }

    if(Phone == "") {
        msg+= "Phone Number is required.<br />";
    }

    if (email == "" || atpos < 1 || dotpos < atpos+2 || dotpos+2 > email.length) {
    msg+= "Please enter a valid Email address. <br />";
    }

    if(msg !== "") {
        $("#contact_result").html(msg).show();
    }else {
        // post valuses
    }
});
});

Shlomi Komemi · Accepted Answer · 2011-10-13 09:51:56Z

2

try

if(phone == "") {

not

if(Phone == "") {

answered Oct 13, 2011 at 9:51

Shlomi Komemi

5,5453 gold badges31 silver badges43 bronze badges

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

Comments

fredley · Accepted Answer · 2011-10-13 10:09:31Z

0

Notice the error:

var phone = $("#phone").val();

your variable is "phone",but you use "Phone",this is a error, Javascript identifiers are case-sensitive.

The error can't display in div, because it you use use it like

this:$("#contact_result").html(msg)" not "$("#contact_result").html(msg).show()

edited Oct 13, 2011 at 10:09

fredley

34.1k46 gold badges151 silver badges242 bronze badges

answered Oct 13, 2011 at 10:02

user980447

1331 gold badge1 silver badge5 bronze badges

Collectives™ on Stack Overflow

how can i display form errors in div with jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related