使用bootstrapvalidator的remote验证经验

这里需要说一下,bootstrapvalidator的帮助文档写的比较简单,对于remote验证器的说明更是如此,在经历多方测试之后才明白如何使用这个验证器。

一个典型的ajax验证代码如下:

服务端验证代码(使用spring mvc)如下:

/*
     * 返回String类型的结果
     * 检查用户名的合法性,如果用户已经存在,返回false,否则返回true(返回json数据,格式为{"valid",true})
     */
    @RequestMapping(value = "/checkNameExistsMethod1", produces = "application/json;charset=UTF-8")
    public @ResponseBody
    String checkNameValidMethod1(@RequestParam String name) {
        boolean result = true;
        List<Employee> lstEmployees = employeeService.getAllEmployees();
        for (Employee employee : lstEmployees) {
            if (employee.getName().equals(name)) {
                result = false;
                break;
            }
        }
        Map<String, Boolean> map = new HashMap<>();
        map.put("valid", result);
        ObjectMapper mapper = new ObjectMapper();
        String resultString = "";
        try {
            resultString = mapper.writeValueAsString(map);
        } catch (JsonProcessingException e) {
            e.printStackTrace();
        }
        return resultString;
    }

这里需要说明的是bootstrap的remote验证器需要的返回结果一定是json格式的数据 :

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

如果返回任何其他的值,页面验证将获取不到验证结果导致无法验证。

时间: 2024-10-05 04:19:24

使用bootstrapvalidator的remote验证经验的相关文章

asp.net mvc3 数据验证(四)—Remote验证的一个注意事项

原文:asp.net mvc3 数据验证(四)-Remote验证的一个注意事项         前几篇把asp.net mvc3 中基于Model的主要数据验证的方法都已经讲完了,本节纯粹只是讲一个我曾经遇到的问题,因为和数据验证相关,所以就放在了这系列的文章中. 经过前几篇文章的分享,大家应该觉得asp.net 自带的Remote远程数据注解比较好用,但是我在实际使用中却遇到了问题. 首先,一般来说对于一个属性的验证可能需要不止一个的远程验证,比如对于用户名来说,我们需要对于它的长度做一些限制

MVC3----数据注解与验证(2)之 详解Remote验证与Compare验证

***************************************************Remote验证 概要: 如果要实现像用户注册那样,不允许出现重复的账户,就可以用到Remote验证.Remote特性允许利用服务器端的回调函数执行客户端的验证逻辑.它只是在文本框中输入字符的时候向服务器提交get请求,Remote验证只支持输入的时候验证,不支持提交的时候验证,这存在一定的安全隐患.所以我们要在提交的时候也要验证,验证失败了,就添加上ModelError 实现: -------

MVC-Model数据注解(三)-Remote验证的一个注意事项

首先,一般来说对于一个属性的验证可能需要不止一个的远程验证,比如对于用户名来说,我们需要对于它的长度做一些限制,这个可以通过StringLength特性来解决:同时还需要验证用户名不能重复,这个就需要通过Remote特性来解决. 现在需要再添加一个验证,那就是用户名不能包含违禁词.违禁词保存在数据库中.刚开始我觉得这个也简单,再加个Remote验证不就解决了么 原来不支持同一个属性有两个Remote验证. 这个时候该怎么办呢,尝试将两个验证写在同一个Remote中,但是这样的话只能显示一个Err

bootstrapValidator 表单验证

官网下载地址:http://plugins.jquery.com/bootstrapValidator/ html代码 <!DOCTYPE html> <html> <head> <title>BootstrapValidator demo</title> <link rel="stylesheet" href="../vendor/bootstrap/css/bootstrap.css"/>

jquery.validate remote验证另一种写法

function checkName() { var deferred = $.Deferred();//延迟方法 var Name = $("#name").val(); var Names = $("#names").val(); var Pid = $("#pNodeId").val(); var nodeId = $("#nodeId").val(); $.ajax({ type:"post", u

使用MVC Remote验证的注意点

这其实是一个比较简单的问题,但往往挺容易被忽略,这次我们在推广我们的互联网平台的时候就吃了这么一个大亏. 一般用户注册过程中,前端注册往往会检验用户名.昵称是否已存在,甚至验证码是否匹配,我们都可以用Remote的验证很方便的解决. 直接上关键代码: public class RegisterModel { [Required(ErrorMessage = " *邮箱地址不能为空 ")] [DataType(DataType.EmailAddress)] [RegularExpress

bootstrapValidator表单验证插件

bootstrapValidator——一个很好用的表单验证插件,再也不用手写验证规则啦! bootstrapValidator官方文档:http://bootstrapvalidator.votintsev.ru/api/ 一.举个丽子: 写了一个小例子 先来看一下效果吧! 预览效果 查看源码 二.具体实现步骤如下: 1.下载jquery.bootstrap.bootstrapValidator bootstrapValidator下载地址: https://github.com/nghuup

基于BootstrapValidator的数据验证

做web开发,经常需要使用到表单验证,作者本人一开始也是自己写各种验证,最近接触到BootstrapValidator,觉得非常好用,界面友好,使用方便,与Bootstrap完美兼容,堪称前端数据验证神器. 那么,今天,我们就来了解一下如何使用BootstrapValidator做表单验证吧! 首先,使用BootstrapValidator需要从GitHub的BootstrapValidator项目页下载文件包. 样式表(css)文件: bootstrap.min.css bootstrapVa

[bootstrapValidator] - bootstrap的验证工具

翻了下之前和同事做的一个验证 <!--bootstrapValidator--> <script type="text/javascript" th:inline="none"> $(function () { $('form').bootstrapValidator({ message: 'This value is not valid', feedbackIcons: { valid: 'glyphicon glyphicon-ok',