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


相关推荐

  • linux ubuntu 关闭防火墙命令,LINUX关闭防火墙的方法

    linux ubuntu 关闭防火墙命令,LINUX关闭防火墙的方法LINUX关闭防火墙的方法导语:LINUX关闭防火墙的方法,你懂吗?下面的是百分网小编为大家搜集的LINUX关闭防火墙的方法,欢迎阅读,谢谢!(1)重启后永久性生效:开启:chkconfigiptableson关闭:chkconfigiptablesoff(2)即时生效,重启后失效:开启:serviceiptablesstart关闭:serviceiptablesstop需要说…

    2025年7月17日
    5
  • 深度学习入门系列1:多层感知器概述

    深度学习入门系列1:多层感知器概述本人正在学习《deeplearningwithpython》–JasonBrownlee,有兴趣的可以一起学习。人工智能系列1:多层感知器概述待更新:人工智能系列2:用Keras构建你的第一个神经网络人工智能系列3:深度学习模型性能评价人工智能系列4:使用keras模型与scikit-learn进行通用机器学人工智能系列5:项目:花种的多分类人工智能系列6:项目:声纳二分类人工智能系列7:项目:波士顿房屋价格回归人工智能系列8:保存模型以便稍后进行序列化人工智能系列9:训练期.

    2025年11月11日
    2
  • java8静态变量放在哪个区_jdk8.0 内存划分

    java8静态变量放在哪个区_jdk8.0 内存划分java1.8之前内存区域分为方法区、堆内存、虚拟机栈、本地方法栈、程序计数器。下图所示:方法区(MethodArea)与Java堆一样,是各个线程共享的内存区域,它用于存储已被虚拟机加载的类信息、常量、静态变量、即时编译器编译后的代码等数据。虽然Java虚拟机规范把方法区描述为堆的一个逻辑部分,但是它却有一个别名叫做Non-Heap(非堆),目的应该是与Java堆区分开来。很多人都更愿意把方…

    2022年6月12日
    146
  • vue鼠标移入移出显示和隐藏_labview树形控件卡

    vue鼠标移入移出显示和隐藏_labview树形控件卡实现效果与原理我们希望实现鼠标移动至树型结构的结点上就显示按钮,移出就隐藏按钮实现原理:是通过@mouseenter和@mouseleave两个属性来控制鼠标hover的效果,再配合v-sho

    2022年8月7日
    6
  • furture_南京future

    furture_南京future我想,还是不知道未来比较好!揭开神秘的同时也扼杀了希望,所谓预测未来就是创造那个未来,意味着我们放弃了主宰未来的权利!

    2022年8月3日
    5
  • python语言func_python中func什么意思[通俗易懂]

    python语言func_python中func什么意思[通俗易懂]python中的func表示自定义的函数,func只是一个函数名,它的名字不是固定不变的,自定义的函数的参数包括无参数,也可以根据函数动能传递必备参数、位置参数以及关键字参数等。小白在学习python的时候,都会遇到func,一脸蒙!是什么意思呢?在python中,func表示的自定义函数。python中的函数分为内置函数和自定义函数,内置函数是python本身自带的,func函数是人为定义的。f…

    2025年7月13日
    1

发表回复

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

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