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");
                }
            });
            }
    };
  • 相关阅读:
    一些比较水的题目
    oracle not in,not exists,minus 数据量大的时候的性能问题
    简单的oracle分页语句
    oracle 查询结果集运算
    Spring注解详解
    HTTP报头Accept 和 Content-Type的区别
    vue 实现分转元的 过滤器
    oracle or语句的坑
    CSS样式 让你的输入的小写自动变成大写。
    js 十分精确身份证验证
  • 原文地址:https://www.cnblogs.com/smallerpig/p/3646114.html
Copyright © 2011-2022 走看看