驗證用戶名爲手機號或者是QQ號或者是QQ郵箱

<input name="username" type="text" autocomplete="off" placeholder="手機號碼或者QQ號或者QQ郵箱" maxlength="20"

  class="input-text" datatype="/^1[3|4|5|7|8][0-9]{9}$/ | /^[1-9]\d{4,14}$/ | /^[1-9]\d{4,14}@(qq|QQ).com$/" nullmsg="請輸入用戶名!"

  sucmsg="用戶名格式正確!" errormsg="手機號碼或者QQ號或者QQ郵箱"/>

#set( $basePath = "$request.contextPath" )
#set( $staticPath = "$basePath/assets" )
#parse("/common/header.vm")
<div class="pd-20">
<form  method="post" class="form form-horizontal" id="userform">
<div class="row cl">
<label class="level level2 form-label col-xs-4 col-sm-2">登錄名:</label>
<div class="formControls col-xs-8 col-sm-3">
<input name="username" type="text" autocomplete="off" placeholder="手機號碼或者QQ號或者QQ郵箱" maxlength="20"
  class="input-text" datatype="/^1[3|4|5|7|8][0-9]{9}$/ | /^[1-9]\d{4,14}$/ | /^[1-9]\d{4,14}@(qq|QQ).com$/" nullmsg="請輸入用戶名!"
  sucmsg="用戶名格式正確!" errormsg="手機號碼或者QQ號或者QQ郵箱"/>
</div>
<div class="formControls col-xs-8 col-sm-7">
</div>
</div>
<div class="row cl">
<label class="level level2 form-label col-xs-4 col-sm-2">登錄密碼:</label>
<div class="formControls col-xs-8 col-sm-3">
<input name="password" type="password" class="input-text" autocomplete="off" maxlength="20"
  placeholder="請輸入6-20，任意字符組合,不包括空格!" class="input-text" datatype="/^[^\s]{6,20}$/"
  nullmsg="請輸入登錄密碼!" sucmsg="密碼格式正確!" errormsg="格式錯誤，請輸入6-20，任意字符組合,不包括空格!"/>
</div>
<div class="formControls col-xs-8 col-sm-7">
</div>
</div>
<div class="row cl">
<label class="level level2 form-label col-xs-4 col-sm-2">再次輸入登錄密碼:</label>
<div class="formControls col-xs-8 col-sm-3">
<input name="password2" type="password" class="input-text" autocomplete="off" placeholder="請再次輸入登錄密碼!" maxlength="20"
  class="input-text" datatype="*" recheck="password" nullmsg="請再次輸入登錄密碼!" sucmsg="密碼正確!" errormsg="兩次輸入密碼不匹配!"/>
</div>
<div class="formControls col-xs-8 col-sm-7">
</div>
</div>
<div class="row cl">
<div class="formControls col-xs-8 col-sm-offset-2">
<input class="btn btn-primary radius mr-20" type="submit" value="確認添加">
<input class="btn btn-primary radius" type="button" value="返回" onclick="backUrl();">
</div>
</div>
</form>
</div>
<script type="text/javascript" src="$staticPath/js/Validform_v5.3.2_min.js"></script>
<script type="text/javascript">
$(function () {
    $("#userform").Validform({
        tiptype: 2,
        callback: function (data) {
            var data = $("#userform").serialize();
            $.ajax({
                type: 'POST',
                dataType: "json",
                data: data,
                url: '$basePath/user/submitAdd',
                success: function (data) {
                    if (data.code == 0) {
            layer.confirm('用戶添加成功！', {
             btn: ['確認'] //按鈕
            }, function(){
                            window.location = "$basePath/user/userList";
            });
                    } else {
                    layer.alert("添加用戶失敗:"+data.data, {icon: 5});
                    }
                }, error: function (err) {
                    layer.alert("服務器忙，請稍後再試！", {icon: 5});
                }
            });
            return false;
        }
    });
});


function backUrl(){
window.location.href="$basePath/user/userList";
}
</script> 
#parse("/common/bottom.vm")