spring form 数据验证

这里说的验证是指的，前台页面form表单的验证。

一般的验证方式

<form action="adduser" id="addForm" method="post"  enctype="multipart/form-data">
    <input id="name" name="name" value=""  placeholder="用户名" onblur="verifyName()" />
    <input id="password" name="password " value=""  placeholder="密码" onblur="verifyPassword()"/>
    <button type="button" onclick="add()">提交</button>
</form>
<script>
function verifyName(){
    var name = $("#name").val();
    if(name == null){
        alert("用户名不能为空");
        return false;
    }
}
function verifyPassWord(){
    var password = $("#password").val();
        if(password == null){
            alert("密码不能为空");
            return false;
    }
}
function add(){
    if(!verifyPassWord() || !verifyName()){
        return ;
    }else{
        $("#addForm").submit();
    }
}
</script>

通过使用spring 的from标签可以再实体类中进行验证
1.实体类 里面是这样的

    @NotEmpty(message = "用户名不允许为空！")
    @Length(max = 16, message = "用户名长度不能超过16个字符！")
    @Pattern(regexp = "[0-9a-zA-Z]{1,16}", message = "只允许输入数字或字母！")
    private String name;

    @NotEmpty(message = "密码不允许为空！")
    @Length(max = 16, message = "密码长度不能超过16个字符！")
    private String name;

2.前台页面是这样的

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>/*记得加上这句*/
<div class="col-md-12">
                <form:form action="add" cssClass="form-horizontal" commandName="user">
                    <div class="box-body">
                        <div class="form-group">
                            <label class="control-label col-sm-2">用户名：</label>
                            <div class="input-group col-sm-3">
                                <form:input path="name" cssClass="form-control" cssErrorClass="form-control" />
                                <span style="color: red"> <form:errors path="name" cssClass="has-error" /> </span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-sm-2">密码：</label>
                            <div class="input-group  col-sm-3">
                                <form:input path="password" cssClass="form-control" cssErrorClass="form-control" />
                                <span style="color: red"> <form:errors path="password" cssClass="has-error" /></span>
                            </div>
                        </div>
                    </div>
        </form:form>
</div>

3.controller 是这样的

 @RequestMapping("/add")
    public String newPolice(@ModelAttribute("user")User user, Model model) {
        userservice.add(user);          
        return "userList";
    }

这种方式还是很好用的 减少了js代码。当然还有很多前台框架也可以验证信息。并且也非常好用。