Question

我知道这是一个非常简单的问题，但我是新手，所以请帮助我。我想在我的contact_result div上显示错误消息，但脚本不起作用，我写了以下代码：

$("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
    }
});
});

Answer 1

试

if(phone == "") {

不

if(Phone == "") {

Answer 2

请注意错误：

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

你的变量是“手机”，但你使用“手机”，这是一个错误，Javascript标识符区分大小写。

错误无法在div中显示，因为您使用它就像

一样

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

如何在jquery中显示div中的表单错误

2 个答案: