博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Ajax实现登陆并友好提示错误信息
阅读量:6900 次
发布时间:2019-06-27

本文共 1695 字,大约阅读时间需要 5 分钟。

记录一个有用的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");            }        });        }};

 

转载于:https://www.cnblogs.com/smallerpig/p/3646114.html

你可能感兴趣的文章
python这+=和=的拓展知识
查看>>
oracle集群件
查看>>
linux shell 中"2>&1"含义
查看>>
oracle 11g RAC grid安装前准备
查看>>
01背包 暴力搜索
查看>>
RIP区域和OSPF区域通信
查看>>
MySQL
查看>>
k3cloud开发环境引入dll与net源代码
查看>>
网络安全系列之四十 在Linux中设置SET位权限
查看>>
SCCM OSD部署排错
查看>>
十道非常好的shell脚本试题
查看>>
app项目案例一手机浏览器
查看>>
linuxmint安装配置
查看>>
java 中 isEmpty和isBlank区别
查看>>
申请SSL证书怎样验证域名所有权
查看>>
麒麟开源堡垒机集中管控平台软件简介
查看>>
第十一单元练习
查看>>
从零开始的linux 第十六章
查看>>
EOS内存RAM是如何买卖的
查看>>
微服务架构中zuul的两种隔离机制实验
查看>>