js.validate使用ajax验证单个字段是否重复

问题描述

能不能具体点,流程是怎么样的

解决方案

使用ajax方式进行验证:remote:URL使用ajax方式进行验证,默认会提交当前验证的值到远程地址,如果需要提交其他的值,可以使用data选项remote: "check-email.php"remote: { url: "check-email.php", //后台处理程序 type: "post", //数据发送方式 dataType: "json", //接受数据格式 data: { //要传递的数据 username: function() { return $("#username").val(); } }}远程地址只能输出 "true" 或 "false",不能有其它输出---------------------具体使用如下:前台页面//为inputForm注册validate函数$("#inputForm").validate({rules: {loginName: {remote: "${ctx}/register/checkLoginName"}},messages: {loginName: {remote: "用户登录名已存在"}}});<form id="inputForm" action="xxx" method="post" class="form-horizontal"><div class="control-group"><div class="controls"><input type="text" id="loginName" name="loginName" style="height: 30px; width: 260px;" value="${loginName}" class="input-medium required"/></div></div></form>后台处理如下:/** * Ajax请求校验Email是否合法。 */@RequestMapping(value = "checkEmail")@ResponseBodypublic String checkLoginName(@RequestParam("email") String email) {User user = userService.findByEmail(email);if (user == null) {return "false";}if (userChannelService.findByUserId(user.getId()) == null) {return "false";}return "true";}

时间: 2024-12-03 02:50:31

js.validate使用ajax验证单个字段是否重复的相关文章

servlet-使用ajax验证帐号是否重复,使用innerHTML在页面得不到信息

问题描述 使用ajax验证帐号是否重复,使用innerHTML在页面得不到信息 js代码: var xhr = getXhr(); function getXhr(){ var xhr = null; try { xhr = new XMLHttpRequest(); } catch (trymicrosoft) { try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); } catch (othermicrosoft) { try { xhr

JS实现支持Ajax验证的表单插件_javascript技巧

本文为大家分享了一个表单验证插件,支持ajax验证,使用起来很简单. 每个需要验证的表单元素下面有一个span标签,这个标签的class有一个valid表示需要验证,如果有nullable则表示可为空:rule表示验证规则,msg表示错误提示信息:to表示要验证的元素的name值,如果元素是单个的,to可以不写.该插件会遍历每个有valid的span标签,找出它前面需要验证的元素,根据rule验证,如果验证不通过,则显示边框为红色,鼠标放在元素上时显示错误信息. 验证时机:1.点击提交按钮时显式

jquery validate插件ajax 验证重复的2种方法

简单说一下js代码,详细一点的看上面例子源码:  $(document).ready(function(){      jQuery.validator.addMethod("phonecheck", function(value, element) {   //添加一个phonecheck方法,来自定义check规则        string = value.match(/0(\d{2,2})-(\d{7,7})/ig);        if(string != null){   

ASP.NET中实现jQuery Validation-Engine的Ajax验证_实用技巧

见下图: 验证的例子:http://www.position-relative.net/creation/formValidator/ 官方地址: http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/ 这个插件支持大部分的浏览器,但由于有使用到了css3的阴影和圆角样式,所以在IE浏览器下无法看到圆角和阴影效果(IE 9 支持圆角效果). 本文主要内容是

ASP.NET中实现jQuery Validation-Engine的Ajax验证实现代码_实用技巧

见下图: 验证的例子:http://www.position-relative.net/creation/formValidator/ 官方地址: http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/ 这个插件支持大部分的浏览器,但由于有使用到了css3的阴影和圆角样式,所以在IE浏览器下无法看到圆角和阴影效果(IE 9 支持圆角效果). 本文主要内容是

jquery+ajax验证不通过也提交表单问题处理_jquery

validationEngine给我们为前端的表单验证减少了很大的工作量.大部分情况我们使用validationEngine验证表单的形式有几种方式: 1 使用正常的表单提交.这种情况validationEngine验证不通过是不会提交表单的. 2 使用ajax提交表单,但是没有使用ajax验证.          这种方式也比较简单,在我们使用ajax请求前检查验证是否通过就可以,例如: 复制代码 代码如下: //验证不通过时return      if(!$("form#ajaxForm&q

自己编写的支持Ajax验证的JS表单验证插件

 创建一个JavaScript表单验证插件,可以说是一个繁琐的过程,涉及到初期设计.开发与测试等等环节.实际上一个优秀的程序员不仅是技术高手,也应该是善假于外物的.本文介绍的这个不错的JavaScript表单验证插件,支持ajax验证,有需要的小伙伴可以参考下     自己编写了一个表单验证插件,支持ajax验证,使用起来很简单. 每个需要验证的表单元素下面有一个span标签,这个标签的class有一个valid表示需要验证,如果有nullable则表示可为空:rule表示验证规则,msg表示错

jQuery validate插件实现ajax验证重复的2种方法_jquery

本文实例讲述了jQuery validate插件实现ajax验证重复的2种方法.分享给大家供大家参考,具体如下: jquery validate 经过这种多年的改良,已经很完善了.它能满足80%的验证需要,如果validate自带的功能,不能满足我们需求,它提供了addMethod来扩展功能.下面就举个小例子来说明一下addMethod的用法. 完整demo实例代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//

jquery.validate利用remote来实现ajax验证范例

jquery.validate可谓是个强大的表单验证插件,当然也完美支持ajax验证,这样可以方便.快速来实现检查用户名等等是否存在.   html/js源码部分: <form action="" name="infos" id="infos">       <p>用户名:<input type="text" name="username" id="username&