验证用户名为手机号或者是QQ号或者是QQ邮箱

    xiaoxiao2021-03-25  206

    <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="返回" οnclick="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")

    转载请注明原文地址: https://ju.6miu.com/read-1837.html

    最新回复(0)