BootStrap与validator 使用笔记(JAVA SpringMVC实现)

BootStrap与validator 使用笔记(JAVA SpringMVC实现)

BootStrap 是一个强大的前面框架，它用优雅的方式解决了网页问题。最近正在使用其开发网站的表单验证，一点体会记录如下：

注：本文中借鉴了博客Franson 的文章使用bootstrap validator的remote验证代码经验分享(推荐)

一、准备工作

1.你的网站环境中要有 BootStrap，中文网地址：http://bootcss.com/

2.下载BootStrap Validator相关材料，地址：http://bv.doc.javake.cn/

当然，如果你不想一个一个下载到您的项目中的话，可以引入CDN，CDN可以用bootstrap官方的，也可以百度上搜索下“BootStrap CDN”，你一定可以理解是怎么使用。下面是我的引入代码：

二、初步应用。

这里直接引用BootStrap Validator 官方的例子，先看HTML代码：

Username

Email address

一段很普通的BootStrap网页代码，一个表单，里面是用户名，邮箱地址二个INPUT

BootStrap验证是根据表单控件的name值进行检验的，下面是JS代码：

BootStrap Validator 已经定义好很多验证方式，每一种方式的用法参见：http://bv.doc.javake.cn/validators/

其中几个常用的，提一下，其实一看就懂，很好理解：

三、进阶应用

如果不想用默认的模板，可以使用以下个方式来进行一些自定义验证

callback方式，API地址：http://bv.doc.javake.cn/validators/callback/

callback方式可以让您自定义函数用于判断，下面看个例子

HTML(内容就是显示输入运算结果)

来看看JS

这样当默认的方式不能满足您的要求的时候就可以用callback方式，自己实现函数用于完成特殊的判断，比如判断中国居民身份证号是否正确……

四、异步验证

最常见的应用就是验证用户名是否注册过，下面看我的程序中的代码：

HTML

用户名：

JS

Action 用 SpringMvc实现

package com.aocshallo.actions.ajax;

import java.io.IOException;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import javax.servlet.http.HttpSession;

import org.json.JSONObject;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.RequestMapping;

@Controller

@RequestMapping("/ajax")

public class AjaxAction extends BaseAction {

public AjaxAction() {

// TODO Auto-generated constructor stub

}

@RequestMapping("/checknewuser")

public void checkNewUser(HttpSession session,HttpServletRequest request,HttpServletResponse response) throws IOException{

//。。。。 这是您的判断逻辑

Boolean ret = true; // 这是最终返回值

//下面是response的设置

response.setContentType("text/xml;charset=utf-8");

response.setHeader("Cache-Control","no-cache");

try {

//这是输出为JSON串的一种方式，结果应为JSON串，属性名一定是valid，值为true或false

JSONObject jsobjcet = new JSONObject();

jsobjcet.put("valid", ret);

response.getWriter().write(jsobjcet.toString());

//System.out.println(jsobjcet.toString());

} catch (IOException e) {

e.printStackTrace();

}

}

}

您的Action最终输出的一定是下面形式的文本：

{"valid":false} //表示不合法，验证不通过

{"valid":true} //表示合法，验证通过

所以才使用JSONObject做为输出。

以上所述是给大家介绍的BootStrap-validator 使用记录(JAVA SpringMVC实现)，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。