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

问答首页 → 移动开发技术

0 0

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

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

2014年7月09日 12:28

黄菲菲
179
0 1 14

1个答案按时间排序按投票排序

0 0

采纳的答案

使用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")
@ResponseBody
public 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";
}

2014年7月09日 12:31

hae
141
0 1 14

9条评论

相关推荐

jq 客户端验证jq 客户端验证jq 客户端验证jq 客户端验证: 8. **远程验证**：对于需要服务器端验证的字段，可以使用`remote`规则，它会发送一个AJAX请求到指定的URL，根据返回的值决定验证是否通过。 9. **非字段验证**：除了针对表单字段的验证，还可以使用`valid()`和`...

bootstrapvalidator是一款简单实用的Bootstrap3表单验证jQuery插件: 通过使用`.validate()`方法，插件可以在表单提交前检查所有字段，或者通过`.bootstrapValidator('validateField', 'fieldName')`对单个字段进行验证。 4. **自定义错误消息**：开发者可以通过设置`data-message`...

表单验证jQuery-Validation-Engine-master: 3. **配置验证规则**：在JavaScript中设置验证规则和错误消息，可以针对单个字段或者整个表单进行设置。 4. **初始化验证引擎**：在页面加载完成后，调用Validation Engine的初始化函数，应用验证规则到表单。 5. ...

jQuery表单验证: 8. 错误处理：验证插件提供了`showErrors`方法，可以自定义错误信息的展示方式，例如将所有错误信息集中显示，而不仅仅是单个字段的错误。通过以上步骤，开发者可以构建出高效且用户体验良好的表单验证系统。...

bootstrap表单验证: 5. **表单验证API**：BootstrapValidator插件通常会提供一系列API，例如`validate()`用于触发验证，`isValid()`用于检查整个表单或单个字段是否有效，以及`resetForm()`用于重置表单状态。 6. **自定义错误消息**：...

详解jquery validate实现表单验证（正则表达式）: jQuery Validate还提供了一些对象和静态方法，如`validator.form()`用来验证整个表单的有效性，`validator.element(element)`验证单个表单元素，`validator.resetForm()`恢复表单初始状态，`validator.showErrors...

jQuery validate 中文API 附validate.js中文api手册: `jQuery Validate` 是一个流行的 JavaScript 库，用于在前端对 HTML 表单数据进行验证。这个库基于 jQuery，提供了一套完整的API，使得开发者能够轻松地实现表单验证功能，提高用户体验并确保提交的数据符合预期格式...

struts2 校验框架: - 字段级验证针对单个表单字段，而动作级验证则针对整个表单。Struts2可以同时支持这两种级别的验证。 5. **自定义校验器**： - 如果预定义的校验规则不满足需求，开发者可以创建自定义校验器，实现`...

Validate-form: - **ValidityState对象**：提供了一系列属性，如`validity.valid`检查整个表单或单个输入字段是否有效。 - **checkValidity()**和**reportValidity()**：表单和输入元素的方法，前者检查有效性，后者显示浏览器的...

ZendFramework中文文档: 13.6. 单个Atom条目的处理 13.7. 修改Feed和条目结构 13.8. 自定义Feed和条目类 14. Zend_Filter 14.1. 简介 14.1.1. 什么是过滤器(filter)？ 14.1.2. 过滤器的基本用法 14.1.3. 使用静态 get() 方法 14.2. ...

jQuery应用技巧大全: jQuery，作为一款广泛使用的JavaScript库，极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。本篇文章将深入探讨jQuery的应用技巧，帮助开发者提高工作效率，优化网页性能，实现丰富的交互效果。一、选择器...

Stripes 快速入门 pdf 中文版下载: 为了确保用户提交的数据完整性，可以使用`@Validate(required=true)`注解来指定某个字段必须填写。 #### 4.4. 其它输入控制除了必填验证之外，Stripes还支持多种其他类型的输入验证，如最大长度限制、正则表达式...

（学软件编程需必学的英语）第二学年.NET方向: - **validate 验证**：确保输入数据符合预期格式的过程。 - **serial 连续的**：指按顺序排列的项目。 - **attribute 属性**：对象的特征或性质。 - **required 要求**：必需的属性或条件。 - **field 字段**：存储...

Ask-but

我的问答 FAQ | 勋章

相关推荐

已解决问题

未解决问题

排行榜

查看全部排名>>

Global site tag (gtag.js) - Google Analytics