js 表单不为空,数字长度验证

$(document).ready(function() {
    //聚焦第一个输入框
    $("#invtype").focus();                          //form 第一个文本框
    //为inputForm注册validate函数
    $("#appInvoiceInputForm").validate({
        onsubmit:true,
        errorElement :"div",
        errorPlacement: function(error, element) {
            error.appendTo(element.parent());
        },
        rules: {
            invdateStr:{
                required:true,
                onlyDate:true,
                isDateBefore:true
            },
            buytaxno: {
                required:true,
                isNumOrLetter:true,
                sbhLength:true
            },
            selltaxno:{                
                required:true,
                isNumOrLetter:true,                
                sbhLength:true
            },
            invkind:{
                required:true,
                number:true,
                minlength:[10],
                maxlength:[10],
                isInvkindMatchType:"#invtype"
            },
            invnum:{
                required:true,
                number:true,
                minlength:[8],
                maxlength:[8]
            },
            invcost:{
                required:true,
                onlyMoney:true,
                notZero:true,
                maxlength:[14]
            },
            invvat:{
                required:true,
                onlyMoney:true,
                maxlength:[14]
            },
            invtaxno:{
                required:true,
                isNumOrLetter:true,
                onlyDksbh:true,
                dksbhLength:true                
            },
            vatModel_mw1:{
                onlyMw:true,
                minlength:[21],
                maxlength:[21]
            },
            vatModel_mw2:{
                onlyMw:true,
                minlength:[21],
                maxlength:[21]
            },
            vatModel_mw3:{
                onlyMw:true,
                minlength:[21],
                maxlength:[21]
            },
            vatModel_mw4:{
                onlyMw:true,
                minlength:[21],
                maxlength:[21]
            },
            vatModel_nmw1:{
                onlyMw:true,
                minlength:[27],
                maxlength:[27]
            },
            vatModel_nmw2:{
                onlyMw:true,
                minlength:[27],
                maxlength:[27]
            },
            vatModel_nmw3:{
                onlyMw:true,
                minlength:[27],
                maxlength:[27]
            },
            vatModel_nmw4:{
                onlyMw:true,
                minlength:[27],
                maxlength:[27]
            },
            vatModel_cmw1:{
                onlyMw:true,
                minlength:[28],
                maxlength:[28]
            },
            vatModel_cmw2:{
                onlyMw:true,
                minlength:[28],
                maxlength:[28]
            },
            vatModel_cmw3:{
                onlyMw:true,
                minlength:[28],
                maxlength:[28]
            },
            vatModel_cmw4:{
                onlyMw:true,
                minlength:[28],
                maxlength:[28]
            },
            vendorid:{
                number:true
            }
        },
        messages: {
            invdate:{
                required: " 请输开票日期! "
            },
            buytaxno: {
                required: " 请输入购方纳税人识别号! "
            },            
            selltaxno: {
                required: " 请输入销方纳税人识别号! "                
            },
            invkind:{
                required:" 请输入发票代码! ",
                number:" 只能输入0-9间的数字! ",
                minlength:"发票代码长度应为10位",                                    //需要在页面  添加 maxlength="10";
                maxlength:"发票代码长度应为10位"
            },
            invnum:{                
                required:" 请输入发票号码! ",
                number:" 只能输入0-9间的数字! ",
                minlength:"发票号码长度应为8位",
                maxlength:"发票号码长度应为8位"
            },
            invcost:{
                required:" 请输入金额! "
            },
            invvat:{
                required:" 请输入税额! "
            }
        },
        submitHandler: function(form) {
            $("#loadingdiv").show();
            disableButton();
            form.submit();
        }

});
});

时间: 2025-02-01 05:55:19

js 表单不为空,数字长度验证的相关文章

JS判断提交表单不能为空 等的验证

转自:https://blog.csdn.net/qiu512300471/article/details/23259811 <script type="text/javascript">function beforeSubmit(form){if(form.username.value==''){alert('用户名不能为空!');form.username.focus();return false;}if(form.password.value==''){alert('

JS表单验证类HTML代码实例

以前用的比较多的一个JS表单验证类,对于个人来说已经够用了,有兴趣的可以在此基础上扩展成ajax版本.本表单验证类囊括了密码验证.英文4~10个 字符验证. 中文非空验证.大于10小于100的数字.浮点数验证.日期验证.邮件检查.网址验证.固定电话和手机号码验证.IP地址验证.邮编和QQ号码验证. MSN和身份证验证等. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.

jquery.validation.js 表单验证

jquery.validation.js 表单验证 官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明 一导入js库 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jq

JS表单验证-12个常用的JS表单验证

最近有个项目用到了表单验证,小编在项目完结后的这段时间把常用的JS表单验证demo整理了一下,和大家一起分享~~~ 1. 长度限制 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 6

js表单验证工具包

常用的js表单验证方法大全 1 /* 2 非空校验 : isNull() 3 是否是数字: isNumber(field) 4 trim函数: trim() lTrim() rTrim() 5 校验字符串是否为空: checkIsNotEmpty(str) 6 校验字符串是否为整型: checkIsInteger(str) 7 校验整型最小值: checkIntegerMinValue(str,val) 8 校验整型最大值: checkIntegerMaxValue(str,val) 9 校验整

Jquery.validate.js表单验证插件的使用

作为一个网站web开发人员,以前居然不知道还有表单验证这样好呀的插件,还在一行行写表单验证,真是后悔没能早点知道他们的存在. 最近公司不忙,自己学习一些东西的时候,发现了validation的一个实例讲解应用.it's perfect. 首先记录一些使用过程中,爱犯的错误: 1>忘记给表单form添加id属性 2>input这些表单标签必须id属性和name属性名字一样.例如:<input type="text" id="name" name=&q

angular js 表单验证

1 <!doctype html> 2 <html ng-app="myapp"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 body{ 8 padding: 50px; 9 font-family: "微软雅黑"; 10 } 11 input{ 12 margi

简单的js表单验证框架

/** * 通常在我们的HTML页面表单中有大量的数据验证工作, * 免不了要写很多验证表单的js代码,这是一项非常繁琐 * 枯燥的工作.很多程序员也会经常遗漏这项工作.当然 * 一些JavaEE框架中有一些比较好的验证框架提供给我们 * 使用,但是也是需要很多繁琐的配置,页面查看起来也 * 不是很方便.一般程序员使用的也不多.所以写了这一 * 段JavaScript代码提供给大家使用.算是一个简单的 * JavaScript验证框架吧.使用起来很简单,配合下面几 * 种标签使用,能实现大多数表

JS表单验证示例

1 </<!DOCTYPE html> 2 <html> 3 <head> 4 <title>JS表单验证</title> 5 <meta http-equiv = "content-type" content="text/html; charset = utf-8 "> 6 <link rel="stylesheet" href="JSlogin.cs