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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 集合转数组的方法_数组与集合的区别

    集合转数组的方法_数组与集合的区别数组集合转换数组变字符串int[]arr={4,1,8,5,3,5};System.out.println(Arrays.toString(arr));//[4,1,8,5,3,5]1、集合转数组Object[]toArrays()E[]toArrays(E[]e);有时候需要让集合围成数组,因为有时需要限定对集合中的元素操作,不需要对该…

    2022年9月19日
  • 无线VLAN作用[通俗易懂]

    无线VLAN作用[通俗易懂]将一个AP放置在办公网,可以收到相当多的广播帧,也会转发出相当多的广播帧。转发出去的广播帧主要来自于有线端,这些大部分是没有用的。但对AP的性能消耗是很大的。解决办法有:1.驱动层过滤掉广播帧,防止接收广播帧消耗性能。包括PROBEREQUEST广播帧都可以不处理。只通过STA收听AP的BEACON帧完全就可以实现发现AP的作用了。2.构建单独的无线VLAN。

    2022年8月10日
  • 学习成功:中学生成就梦想的15堂必修课

    学习成功:中学生成就梦想的15堂必修课管斌全:《学习成功:中学生成就梦想的15堂必修课》笛案:自信国内外成功学的著作看过不少,但我只向人推荐管斌全的作品。以下内容节选自网络,个人有渠道还是买书好,也算是对作者的支持。fygub0231@sina.com0571-63311953013567128396该书已经出版了4个版本。  第一个版本是由北京海潮出版社(2002年10月)出版,书名为《我信我能我

    2022年5月1日
  • 从零到上亿用户,我是如何一步步优化MySQL数据库的?(建议收藏)[通俗易懂]

    从零到上亿用户,我是如何一步步优化MySQL数据库的?(建议收藏)[通俗易懂]冰河亲历的亿级流量下的MySQL优化实战,强烈建议收藏!!

    2022年5月22日
  • scihub论文下载_谷歌学术和scihub的区别

    scihub论文下载_谷歌学术和scihub的区别谷歌学术+SCI-HUB一键下载SCI文献公众号后台回复【万能侠】,免费获得该软件最高版小编经过广泛收集,提供7个谷歌学术有效网址,3个SCIHUB实时更新,永久有效网址Google学术搜索提供可广泛搜索学术文献的简便方法。可以从一个位置搜索众多学科和资料来源:来自学术著作出版商、专业性社团、预印本、各大学及其他学术组织的经同行评论的文章、论文、图书、摘要和文章。Google学术搜索可帮助您在整个学术领域中确定相关性最强的研究。SCI-HUB提供数以百万计的免费接入研究论文和书籍,由亚历山德

    2022年10月11日
  • BAPI 一些笔记

    BAPI 一些笔记BAPI的结构,BAPI里的代码可以分为这样两部分:1、一部分是数据校核,检查传入的数据是否满足创建相关业务对象的条件,并且把错误消息反馈出来;2、另一部分是更新数据库,即UPDATE/INSERT/DELETEdbtab这样的操作。1BAPI的优点bapi是面向对象的设计;bapi是固定的,一般不能修改;bapi可以被sap内部部件和非sap程序使用;bapi的成功和错误信息始终通过RETURN返回;bapi可以被许多开发平台使用;2何时该考虑使用BAPI设计

    2022年7月24日

发表回复

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

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