页面上一些对格式的转换和限制

「爱情、让人受尽委屈。」 2023-06-04 14:59 23阅读 0赞

1：时间转换 <td class="v-middle" title="{
       {item.review_time | date:'yyyy-MM-dd HH:mm:ss'}}" ng-bind="item.review_time | date:'yyyy-MM-dd HH:mm:ss'"></td>
    2：手机号限制 <input type="text" class="form-control" name="tel" id="tel" ng-model="record.tel" placeholder="请输入联系电话" ng-pattern="/(^(\d{3,4}-)?\d{6,8}$)|(^(\d{3,4}-)?\d{6,8}(-\d{1,5})?$)|(\d{11})|1([3456789]\d|4[57])\d{8}$/" required ng-maxlength="13">
    3：车牌号限制 <input type="text" class="form-control" name="carNum" id="carNum" ng-model="record.carNum" placeholder="请输入车牌号，8位以内" ng-pattern="/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4,5}[A-Z0-9挂学警港澳]{1}$/" ng-maxlength="20" required>
    4：账号限制  <input type="text" class="form-control m-l-xs m-r-xs" name="userName" ng-model="param.userName" ng-pattern="/^[a-zA-Z1-9]+$/" placeholder="请输入登录账号" maxlength="20" style="{
       {userForm.userName.$invalid && userForm.userName.$touched?'border:1px solid red':''}}"/>
    5：价格限制 <input type="text" class="form-control m-b-xs" id="costInterval" name="costInterval" required ng-model="costInterval" placeholder="请输入时间段内每{
       {timeTypeInterval=='1'?'小时':'分钟'}}费用" ng-pattern="/^0\.([1-9]|\d[1-9])$|^[1-9]\d{0,7}\.\d{0,2}$|^[1-9]\d{0,7}$/">
    6： <div class="form-group">
    			<label class="col-sm-3 control-label"><span class="text-danger v-middle">*</span>联系方式</label>
    			<div class="col-sm-8">
    				<input autocomplete="off" type="text" class="form-control" name="phone" id="phone" ng-model="record.phone" placeholder="请输入联系方式" ng-pattern="/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/"/>
    				<div class="form-message" ng-messages="userForm.phone.$error" ng-show="userForm.phone.$invalid && userForm.phone.$touched">
    					<span ng-message="pattern">请输入正确的联系方式</span>
    					<div ng-messages-include="tpl/error.html"></div>
    				</div>
    			</div>
    	</div>
    7: 转载  [使input文本框不可编辑的3种方法](https://blog.csdn.net/qq_16605855/article/details/78581246)
    8: <input type="email">
    9: <input type="date">
    10: email <input type="email" class="form-control" id="email" name="email" ng-model="param.email" placeholder="请输入email" ng-maxlength="20" maxlength="20" ng-pattern="/^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/"  required pattern>
    11：`<div class="form-group col-lg-12 col-md-12 col-xs-12 col-sm-12">
    				<label for="firstname" class="col-lg-4 col-sm-4 col-xs-4 col-sm-4 p-r-5 control-label">
    					推荐方电话<span class="tip-red">*</span>
    				</label>
    		<div class="col-lg-7 col-md-7 col-xs-7 col-sm-7 p-l-0">
    		<input type="text" class="form-control" id="recommenderPhone" name="recommenderPhone" ng-model="param.recommenderPhone" placeholder="请输入推荐方电话" ng-maxlength="11" maxlength="11" onchange="value=value.replace(/[^\d]/g,'')" ng-pattern="/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/" required>
    <div class="form-message" ng-messages="expertForm.recommenderPhone.$error" ng-show="expertForm.recommenderPhone.$invalid && expertForm.recommenderPhone.$touched">
    <div ng-messages-include="tpl/error.html"></div>
    		</div>
    		</div>
    		</div>`