Question

我执行的脚本运行良好，并按预期返回服务器端错误。

我想学习如何使用jquery在脚本运行。$ ajax请求之前检查要传递的值（userid，password）是否为空，并且只有在填充了两个值时才会到达该部分

这是jQuery

    var userid = $(".YourOrder_MainLoginEmail").val();
    var password = $(".YourOrder_MainLoginPassword").val();
    var url = "/ShoppingCart/ShoppingCartLogin";

    $.ajax({
        url: url,
        type: "POST",
        dataType: "json",
        data: { userId: userid, pass: password },//{ userId: userid, pass: password },
        cache: false,
        success: function (result) {
            if (result.success == "Valid") {
                // hide the login form and clear and hide error
                $('.YourOrder_loginError').text('');
                $('.YourOrder_loginError').css('visibility', 'hidden');
                $('.YourOrder_loginForm').css('visibility', 'hidden');
                // show the shipping address section
                $('.YourOrder_ShipAddress').css('visibility', 'visible');
                location.reload();
            }
            if (result.error == "Invalid") {
                // hide shipping address section
                $('.YourOrder_ShipAddress').css('visibility', 'hidden');
                $('.YourOrder_loginError').css('visibility', 'visible');
                $('.YourOrder_loginError').text('The user name or password provided is incorrect.');

            }
        }
    });

非常感谢你的帮助。 - itortu。

修改

我可以获得帮助，使检查更好一点吗？

这就是发生的事情：

1- 是电子邮件，没有密码：密码消息错误输入密码，没有电子邮件：输入电子邮件错误，但密码错误仍然保留，其中包含密码值，因此最后会显示两条消息。

2- 是密码，没有电子邮件：电子邮件错误输入电子邮件，没有密码：输入密码错误，但电子邮件错误仍然存在，即使其中包含电子邮件值，因此最后会显示两条消息。

如何更改为仅显示/隐藏相关消息，并避免在填写第一条错误消息的值后同时显示？

JQuery

    if (userid == "") {
        $('.YourOrder_loginError').css('visibility', 'visible');
        $('.YourOrder_loginError').text('Enter your e-mail address.');
        return false
    } 

    if (password == "") {
        $('.YourOrder_loginError_password').css('visibility', 'visible');
        $('.YourOrder_loginError_password').text('Enter your password.');
        return false
    }

非常感谢你的帮助。

Answer 1

是的，请检查一下？

if (userid == "" || password == "") { return false }

//AJAX and so on.. script will jump out if either userid or password is empty

Answer 2

var userid = $(".YourOrder_MainLoginEmail").val();
var password = $(".YourOrder_MainLoginPassword").val();
var url = "/ShoppingCart/ShoppingCartLogin";

if(userid=='' || password=='' ){
    alert("Fill in complete details");
}
else {
    $.ajax({
    url: url,
    type: "POST",
    dataType: "json",
    data: { userId: userid, pass: password },//{ userId: userid, pass: password },
    cache: false,
    success: function (result) {
        if (result.success == "Valid") {
            // hide the login form and clear and hide error
            $('.YourOrder_loginError').text('');
            $('.YourOrder_loginError').css('visibility', 'hidden');
            $('.YourOrder_loginForm').css('visibility', 'hidden');
            // show the shipping address section
            $('.YourOrder_ShipAddress').css('visibility', 'visible');
            location.reload();
        }
        if (result.error == "Invalid") {
            // hide shipping address section
            $('.YourOrder_ShipAddress').css('visibility', 'hidden');
            $('.YourOrder_loginError').css('visibility', 'visible');
            $('.YourOrder_loginError').text('The user name or password provided is incorrect.');

        }
     }
  });
}

在jQuery.ajax $ request之前检查值

2 个答案: