在 jQuery.ajax$ 请求之前检查值

Check for values before jQuery.ajax$ request

本文关键字:检查 请求 jQuery ajax      更新时间:2023-09-26

我拥有的脚本在执行时运行良好,并且按预期返回服务器端错误。

我想学习如何使用 jquery 在脚本运行 .$ajax 请求之前检查要传递的值(userid、密码(是否为空,并且只有在填写两个值的情况下才能到达该部分。

这是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.');
            }
        }
    });

非常感谢您的帮助。- 伊托尔图。

编辑

我可以得到帮助使支票更好一点吗?

这是正在发生的事情:

1-是电子邮件,没有密码:密码消息错误输入密码,没有电子邮件:输入电子邮件错误,但即使密码值在其中,密码错误仍然存在,因此最终显示两条消息。

阿拉伯数字-是密码,没有电子邮件:电子邮件错误输入电子邮件,无密码:输入密码错误,但即使电子邮件值仍然存在,因此最终显示两条消息。

如何将其更改为仅显示/隐藏相关消息,并避免在填写第一个错误消息的值后同时显示两者?

杰奎里

    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
    } 

非常感谢您的帮助。

呃,检查一下?

if (userid == "" || password == "") { return false }
//AJAX and so on.. script will jump out if either userid or password is empty
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.');
        }
     }
  });
}