zoukankan      html  css  js  c++  java
  • Ajax实现登陆并友好提示错误信息

    记录一个有用的js代码,其效果是点击提交表单后动态提示信息。

    可以修改返回成功部分完成页面的跳转。

    function validateForm() {
        return $("#form1").validate({
            rules: {
                userName: { required: true, maxlength: 10 },
                password: { required: true, maxlength: 10 }
            },
            messages: {
                userName: { required: "不能为空", maxlength: jQuery.format("不能超过{0}个字符") },
                password: { required: "不能为空", maxlength: jQuery.format("不能超过{0}个字符") }
            }
        }).form();
    };
    function doSubmit() {
        console.log("click!");
     
        if (validateForm()) {
            console.log("validate success!");
     
            var usernama = $("#userName").val();
            var password = $("#password").val();
            console.log("username:" + usernama);
            console.log("password:" + password);
            var data = { 'userName': usernama, 'password': password };
     
            $.ajax({
                type: "POST",
                data: JSON.stringify(data),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    console.log(data);
     
                    if (this.result == "OK") {
                        console.log("respon success");
                        //do some thing!
                    }
                    else {
                        $("#loginInfor").css({ "display": "block", "opacity": "1" });
                        $("#loginInfor").animate({ opacity: 0 }, 2000);
                        $("#loginInfor").html("用户名密码错误");
                        console.log("respon success, but the password is worry!");
                    }
                },
                error: function () {
                    console.log("respon error");
                }
            });
            }
    };
  • 相关阅读:
    滚动相册
    智能拼图
    连连看
    魔法色块
    ASP.NET Session的七点认识
    从11月开始windows update速度缓慢,中国反击?
    WM实现文件关联
    与黄河老师合影
    ubuntu8.04笔记本开启无线网卡记得开网卡的电源
    无法在Web服务器上启动调试,与Web服务器通信时出现身份验证错误
  • 原文地址:https://www.cnblogs.com/smallerpig/p/3646114.html
Copyright © 2011-2022 走看看