正则表达式

1.创建用户

<form  id="helloForm" method="post" >
    手机：<input type="number" name="mobile" id="mobile"  /></br>
    姓名<input type="text" name="userName" id="userName"  /></br>
    日期<input type="text" name="createDate" id="userName" value="2017-4-22"/></br>
    地址1<input type="text" name="address" value="aaa"  /></br>
    地址2<input type="text" name="address" value="bb"  /></br>
    地址3<input type="text" name="address" value="ccc"  /></br>
    <input   onclick="create()" type="button" value="创建"/>           
</form>
<script src="http://id186.com/common/js/jquery-1.8.3.js"></script>
以下省去<script>标签

验证函数

<script>
中文验证
function IsChinese()
{
    var str = document.getElementById('userName').value.trim();
    if(str.length!=0){
        reg=/^[\u4e00-\u9fa5]+$/;    //只能输入中文
        if(!reg.test(str)){
            alert("对不起，您输入的姓名格式不正确!只能输入中文");//请将“字符串类型”要换成你要验证的那个属性名称！
             //增强用户体验
            helloForm.userName.focus();
            return false;
        }
    }
}
//为空
function create(){ 
    var phone = document.getElementById("mobile").value; 
    if(phone == ""){
        alert("电话号码不能为空，请输入电话号码！");
        helloForm.mobile.focus();
        return false;
    }
    var name = document.getElementById("userName").value; 
    if(name == ""){
        alert("姓名不能为空，请输入姓名！");
        helloForm.userName.focus();
        return false;
    }
    if(IsChinese()!= null){
        return false;
    }
    /*if(!/^[a-z]+$/i.test(name)) { alert("姓名中只能包含英文字母\n请重新输入"); 
        return false;
    } */
    $.ajax({
        url:'do_create.vm',
        data:$('#helloForm').serialize(),
        dataType:'json',
        success:function(data){
            if(data.code=='success'){
                alert('创建成功！');
                location="list.vm?orderBy=id&orderType=desc";
            }else{
            alert(data.code);
            }
        },
        error:function(e){
            alert(e);
        }
    });
}
</script>

list.vm

#set($h=${i.hello.getListHandler()})
<a href="create.vm">创建用户</a><br><br>

<form  id="helloForm" method="post" action="?">
    手机：<input type="number" name="mobile" id="mobile" value="$!h.q.mobile" /></br>
    地址：<input type="text" name="address" id="mobile" value="$!h.q.address" /></br>
    姓名<input type="text" name="userName" id="userName" value="$!h.q.userName" /></br>
    起始时间：<input type="text" name="beginDate" id="beginDate" value="$!date.format('yyyy-MM-dd',$!h.q.beginDate)" /></br>
    结束时间：<input type="text" name="endDate" id="endDate" value="$!h.q.endDate" /></br>
    <input   type="submit" value="查询"/>          
</form>

<table >
    <tr><td>编号</td><td>姓名</td><td>电话</td></tr>
    #foreach($to in $h.list)
        <tr>
            <td>$!to.userid</td>
            <td><a href="view.vm?id=${to.userid}">$!to.userName  </a></td>
            <td>$!to.mobile</td>

            <td><a href="update.vm?id=${to.userid}">修改  </a></td>
            <td><input   onclick="deleteUser(${to.userid})" type="button" value="删除"/> </td>
            <td><a href="javascript:void(0);" onclick="deleteUser(${to.userid})">删除  </a></td>
            </tr>
    #end
</table>
#parse("/vm/page.vm")
<br>
<script src="http://id186.com/common/js/jquery-1.8.3.js"></script>
<script>
function deleteUser(Did){
    var num1 = parseInt(Did);
        if(confirm("您确定要删除吗?")){       
        $.ajax({
            url:'do_delete.vm?id='+num1,
            data:$('#helloForm').serialize(),
            dataType:'json',
            success:function(data){
                if(data.code=='success'){
                    alert('删除成功！');
                    location="list.vm?orderBy=id&orderType=desc";
                 }else{
                    alert(data.code);
                 }
             },
            error:function(e){
                alert(e);
            }
        })
    }else
    {        
         return false;    
    }
}
</script>