jquery validate remote的用法
JS:
rules: { Email: { required: true, email: true }, Password: { required: true, remote: { url: "/Users/Login", type: "Post", data: { Email: function () { return $("#Email").val(); }, Password:function(){return $("#Password").val();} } } }, remember: { required: false } },
cshtml:
<form class="login-form" action="/Users/Login" method="post"> <h3 class="form-title">Sign In</h3> <div class="alert alert-danger display-hide"> <button class="close" data-close="alert"></button> <span>Email or Password is wrong!</span> </div> <div class="form-group"> <label class="control-label visible-ie8 visible-ie9">Email</label> <input class="form-control form-control-solid placeholder-no-fix" type="text" autocomplete="off" placeholder="Email" name="Email" id="Email"> </div> <div class="form-group"> <label class="control-label visible-ie8 visible-ie9">Password</label> <input class="form-control form-control-solid placeholder-no-fix" type="password" autocomplete="off" placeholder="Password" name="Password" id="Password"/> </div> <div class="form-actions"> <button type="submit" class="btn btn-success uppercase">Login</button> <label class="rememberme check"> <input type="checkbox" name="remember" value="1" />Remember </label> <a href="javascript:;" id="forget-password" class="forget-password">Forgot Password?</a> </div> <div class="create-account"> <p> <a href="javascript:;" id="register-btn" class="uppercase">Register an account</a> </p> </div> </form>
Controller:
[HttpPost] public ActionResult Login(string Email,string Password) { string Msg = ""; try { string outmsg = ""; WeUser user = wbll.ULogin(Email, Password, out outmsg); switch (outmsg) { case "-1": //没有此帐户或帐户错误 Msg = "false"; break; case "error": //密码错误 Msg = "false"; break; case "succeed": Msg = "true"; return RedirectToAction("Index", "UsersCenter"); default: break; } } catch { Msg = "false"; } return Content(Msg); }
当密码输入框失去焦点时出现如下提示:
当点击“LOGIN"提交登录时会出现如下提示:
微信号:jamesworkshop 学习QQ群:364976091
分类:
常用JS片段
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了