<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%    String path = request.getContextPath();    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()            + path + "/";%>
      
      
      
      
      
      
          
      
        
       
            
        
                         
          
                               
用户名
                               
                          
                          
                               
密码
                               
                          
                          
                               
性别
                               
男： 女：
                          
                          
                               
年龄
                               
                          
                          
                               
生日
                               
                          
                          
                               
城市
                               
                          
                          
                               
薪水
                               
                          
                          
                               
起始时间
                               
                          
                          
                               
结束时间
                               
                          
                     
        
                            
        点击                    
       
    
      

numberbox组件：上面的年龄的验证  用来验证数字的

$("#age").numberbox({                        min:0, 最小值            max:150,最大值            precision:0,小数位            required:true,必填            missingMessage:"年龄不能为空" 必填提示信息        })

datebox组件：验证日期的，上面的生日，弹出一个日历选择框

$("#birthday").datebox({required:true,editable:false //input框不可编辑，继承于combo组件，是combo属性})

datetimebox组件：验证日期带有时间的，依赖于timespinner微调器，所以有时间

//日期时间选择        $("#starttime,#endtime").datetimebox({                        required:true,            editable:false,// 依赖于combo,不可编辑            missingMessage:"日期不能为空"        })

 

 

combobox组合框组件：使用来异步下拉列表使用，input框声明easyui-combobox,

然后通过url来发送异步请求，获取数据，

Multiple ComboBox: 
    

 

 请求数据需要valueFiled ：绑定到 ComboBox 的 value 上的基础数据的名称。相当于select option的value值

textField：绑定到 ComboBox 的 text 上的基础数据的名称。相当于select option的text值，必须json数组传递过来

[{"country":"","id":1,"name":"北京","pro_id":0},{"country":"","id":2,"name":"上海","pro_id":0},{"country":"","id":3,"name":"南京","pro_id":0},{"country":"","id":4,"name":"武汉","pro_id":0},{"country":"","id":5,"name":"天津","pro_id":0}]

 

或者：

$('#cc').combobox({            url:'servlet1/userServlet?method=getcity',            valueField:'id',            textField:'name'          });

 

 

---

 

 使用同一个验证规则时，想提示各自的信息，如下，我想在年龄和薪水都共用一个minLength验证规则，则可以，将message志为空，如下，

然后再各自加上invalidMessage属性，就可以覆盖验证规则message（invalidMessage就是覆盖验证规则message）

 

$.extend($.fn.validatebox.defaults.rules, {            namerules : {                validator : function(value) {                    var str = /^[a-zA-Z0-9_-]{4,16}$/;                    return value.match(str);                },                message : '4到16位（字母，数字，下划线，减号）'            },            minLength : {                validator : function(value, param) {                    return value.length >= param[0] && value.length<=param[1];                },                message : ''            }        });