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)
上一篇 2022年1月13日 下午4:00
下一篇 2022年1月13日 下午4:00


相关推荐

  • 思维导图——快速掌握子网划分(实例详解)

    思维导图——快速掌握子网划分(实例详解)目录一、子网划分的作用二、IP地址的组成三、IPV4地址四、IP地址的分类五、如何计算网络号六、地址规划6.1子网数概念6.2求地址网络可分为几段6.3CIDR:把若干网络合并成一个网段6.4例题实战七、思维导图及总结一、子网划分的作用作用一:计算网络号,通过网络号选择正确的网络设备连接终端设备1.清楚IP地址四段点分十进制数和子网掩码,对应的网络号是什么2.交换机是用来连接相同网段的设备,路由器是用来连接不同网段的设备。网络号一…

    2022年6月27日
    32
  • python动图爱心表白_用python画动态图

    python动图爱心表白_用python画动态图初级画心学Python,感觉你们的都好复杂,那我来个简单的,我是直接把心形看作是一个正方形+两个半圆:于是这就很简单了,十行代码解决:importturtleastt.pensi…

    2022年10月7日
    2
  • ABAP开发总结

    ABAP开发总结一 RANGE 使用注意事项 1 range 语句在 SQL 中一般用 IN 不用等于 2 EQ 等于 LE 小于等于 GE 大于等于 3 使用前清空表头和表体 CLEAR emp emp 单值 CLEARG ranges G ranges sign I

    2026年3月26日
    4
  • 计算机职称考试科目及内容,职称计算机考试科目

    计算机职称考试科目及内容,职称计算机考试科目全国职称计算机考试主要是测试参考人员在计算机与网络方面的基本应用能力,考试科目采取模块化设计,每一科目单独考试。1.中文WindowsXP操作系统  2.中文Windows98操作系统;  3.Word97中文字处理;  4.Word2003中文字处理  5.Excel97中文电子表格;  6.Excel2003中文电子表格  7.PowerPoint97中文演示文稿…

    2022年5月22日
    52
  • 京东出新招:养数字“龙虾”送实体龙虾

    京东出新招:养数字“龙虾”送实体龙虾

    2026年3月13日
    2
  • 不止一个背包的背包问题_分组背包问题

    不止一个背包的背包问题_分组背包问题有 N 种物品和一个容量是 V 的背包。物品一共有三类:第一类物品只能用1次(01背包);第二类物品可以用无限次(完全背包);第三类物品最多只能用 si 次(多重背包);每种体积是 vi,价值是 wi。求解将哪些物品装入背包,可使物品体积总和不超过背包容量,且价值总和最大。输出最大价值。输入格式第一行两个整数,N,V,用空格隔开,分别表示物品种数和背包容积。接下来有 N 行,每行三个整数 vi,wi,si,用空格隔开,分别表示第 i 种物品的体积、价值和数量。si=−1 表示第 i 种

    2022年8月9日
    13

发表回复

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

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