jQuery Validate插入 reomte使用详细的说明

jQuery Validate插入 reomte使用详细的说明

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

在用户注冊时常常要通过ajax请求推断用户账号是否已注冊,最方便的方法便是用jQuery Validate插件 reomte方法

Jquery Validate插件, 调用远程方法验证參数, remote的使用方法:

在validate的方法上增加
remote:”校验方法”
,比如:
remote: “/test/checkAccount.jsp”
, 这时传进checkAccount.jsp的參数就是account=$(“#account”).val(), 这个是jquery.validate自己主动加參,不用手动改动。若參数名称不是变量名,能够自行改动成:

remote: “/test/checkAccount.jsp?

paramName=” + $(“#account”).val() 这时校验方法需返回boolean值,比如:account可用就out.print(false)或account不可用就out.print(true);

这里贴出善达网的注冊代码:

$(“#register”).validate({
rules: {
“user.email”: {
required: true,
email: true,
       remote:{                                         
              type:”POST”,
              url:”/passport/account/validateEmail”,            
              data:{
              email:function(){return $(“#email”).val();}
              }
       }

}

                 //此处省略善达网 sdg.registre.js的部分代码

},
messages: {
“user.email”: {
required: “请输入邮箱!”,
email: “邮箱格式错误!”,
remote: “该邮箱已被注冊!”
}
//此处省略善达网 sdg.registre.js的部分代码
},
       //此处省略善达网 sdg.registre.js的部分代码

});

相应的html代码 <input type=”text” class=”input-block-level tips” name=”user.email” id=”email”>很多其它的这个页面的html代码大家能够自己到善达网去找到。

善达网的后台是用jFinal框架写的,由于没有看过善达网的后台代码。详细后面怎么实现不清楚。

一般在后台的校验方法的写法则是:

//此处以SpringMVC为例,列出核心代码

@Controller
@RequestMapping(“/passport/account“)

public class UserAction {

@Autowired

UserManager usermanager;//用户管理类,负责从数据中读取用户数据

@RequestMapping(value = “/validateEmail“, method = RequestMethod.POST)

public String validateEmail(HttpServletRequest request,HttpServletResponse response) {

     String email=request.getParamaters(“user.email“);

        Boolean isExisted=usermanager.isExistedUser(email);//依据eamil号从数据库中查找该email是否已注冊

       if (isExisted)

          response.write(“true”);

      else

        response.write(“false”);

       return null;
}

}


版权声明:本文博主原创文章,博客,未经同意不得转载。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/116904.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • c语言中位运算符_位运算符的用法

    c语言中位运算符_位运算符的用法C语言的运算符是一个很有意思的东西,运用起来可以解决很多麻烦的事,但是想要灵活应用也有一定的难度,总结一下c语言运算符的用法和一些常用技巧.一.C语言位运算符简介C语言的位运算符有六种,分别是:>>  右移运算符&   按位与运算符|   按位或运算符^   按位异或运算符~   按位取反运算符这些运算符都是对于基本数据类型的二进制位进行操作的,这

    2022年10月4日
    0
  • Fiddler抓包原理解析

    Fiddler抓包原理解析

    2021年10月5日
    49
  • QueryInterface IID_IDispatch

    QueryInterface IID_IDispatchSTDMETHODIMPCMathFactory::QueryInterface(REFIIDriid,void**ppv){ *ppv=NULL; if(riid==IID_IUnknown||riid==IID_IClassFactory)//这儿不改变也可以! //if(riid==IID_IUnknown||riid==IID_IClassFactory||riid=

    2022年7月21日
    8
  • Docker 各种安装

    Docker 各种安装

    2021年7月7日
    80
  • Mysql 修改列的顺序

    Mysql 修改列的顺序

    2021年9月8日
    49
  • 思科交换机 flow control 交换机流控[通俗易懂]

    思科交换机 flow control 交换机流控[通俗易懂]配置IEEE802.3X流控制流控制在直连的以太端口上启用,在拥塞期间允许另一端拥塞的节点暂停链路运作来控制流量速率。如果一个端口发生拥塞并且不能接收任何更多的流量,他将通知对端端口停止发送直到这种拥塞情况消失。当本地设备在他本地检测到了任何拥塞,他能够发送一个暂停帧通知链路伙伴或者远程设备已发生拥塞。紧随收到暂停帧之后,远程设备停止发送任何…

    2022年6月5日
    88

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号