jquery validate案例1

最新推荐文章于 2023-10-19 16:06:19 发布

weixin_33966095

最新推荐文章于 2023-10-19 16:06:19 发布

阅读量296

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/230843/blog/2988008

版权

2019独角兽企业重金招聘Python工程师标准>>>

<body class="white-bg">
    <div class="wrapper wrapper-content animated fadeInRight ibox-content">
        <form class="form-horizontal m" id="form-invIncomeInvoice-add">
	<div class="form-group">	
		<label class="col-sm-3 control-label">发票类型：</label>
		<div class="col-sm-8">
			<select id="invoiceType" name="invoiceType" class="form-control m-b">
				<option value="page_special_invoice">增值税专用发票（纸质）</option>
				<option value="page_invoice">增值税普通发票（纸质）</option>
				<option value="elec_invoice">增值税普通发票（电子）</option>
			</select>
		</div>
	</div>
	<div class="form-group">	
		<label class="col-sm-3 control-label">发票代码：</label>
		<div class="col-sm-8">
			<input id="invoiceCode" name="invoiceCode" class="form-control" type="text">
		</div>
	</div>
	<div class="form-group">	
		<label class="col-sm-3 control-label">发票号码：</label>
		<div class="col-sm-8">
			<input id="invoiceNo" name="invoiceNo" class="form-control" type="text">
		</div>
	</div>
	<div class="form-group">	
		<label class="col-sm-3 control-label">开日期：</label>
		<div class="col-sm-8">
			<input id="invoiceDate" name="invoiceDate" class="form-control" type="text">
		</div>
	</div>
	<div class="form-group">	
		<label class="col-sm-3 control-label">价税合计：</label>
		<div class="col-sm-8">
			<input id="totalTax" name="totalTax" class="form-control" type="text" placeholder="增值税专用发票必填">
		</div>
	</div>
	<div class="form-group">	
		<label class="col-sm-3 control-label">校验码：</label>
		<div class="col-sm-8">
			<input id="antiFakeCode" name="antiFakeCode" class="form-control" type="text" placeholder="后六位，增值税普通发票必填">
		</div>
	</div>
		</form>
	</div>
    <div>
    <script type="text/javascript">
		var prefix = ctx + "invoice/invIncomeInvoice"
		$("#form-invIncomeInvoice-add").validate({
			debug: true,
			rules : {
				invoiceCode : {
					required : true,
					check_invoiceCode : true
				},
				invoiceNo : {
					required : true,
					check_invoiceNo : true
				},
				invoiceDate : {
					required : true,
					dateISO : true
				},
				totalTax : {
					required : true,
					check_totalTax : true
				}
			}

		});
		
		
		$.validator.addMethod("check_invoiceCode",function(value,element,params){
				var check = /\d{6,15}$/;
				return this.optional(element)||(check.test(value));
			},"*只允许8-15位数字！");
		$.validator.addMethod("check_invoiceNo",function(value,element,params){
				var check = /\d{6,15}$/;
				return this.optional(element)||(check.test(value));
			},"*只允许8-15位数字！");
		
		$.validator.addMethod("check_totalTax",function(value,element,params){
				var check =  /^\d+\.?\d{0,2}$/;
				var invoiceType = $("#invoiceType").val();
				if(invoiceType=='page_special_invoice'){
					return this.optional(element)||(check.test(value));
				}
				return true;
			},"*保留两位小数的金额！");
		
		function submitHandler() {
	        if ($.validate.form()) {
	            $.operate.save(prefix + "/add", $('#form-invIncomeInvoice-add').serialize());
	        }
	    }
	</script>
</body>