代码段：js表单提交检测

　　市面上当然有很多成型的框架，比如jquery的validation插件各种吧。现在工作地，由于前端童鞋也没用这些个插件。根据业务的要求，自己就在代码里写了个简单的表单提交的检测代码(php的也写了一个哈哈)，类也封装的不太完善，很多校验规则也没做，类里边对传入参数也没做啥改动，算是不健壮吧（主要自己不会坑自己，老实的该传什么就传什么了哈哈）。业务上主要就是对表单字段的必填啊，类型啊，长度这些个限制。

 <script type="text/javascript" src="jquery.js"></script><script type="text/javascript">function Submit_check(obj){this.obj = obj;this.str = '';this.arr = {'empty_arr':[[], '不能为空'], // 元素为空数组'type_arr':[[], '类型不正确'], // 元素类型不正确'length_arr':[[], '字符过长'] // 元素过长};this.alert_str = function(){// 遍历满足情况for(var x in this.obj){var name = this.obj[x][0];// 表单字段的中文名var value = this.obj[x][1];// 字段的值// 为空if (typeof value == 'undefined' || value == '' ){this.arr.empty_arr[0].push(name);} else {// 类型错误if (this.obj[x][3] !='' && this.obj[x][3] != typeof value) this.arr.type_arr[0].push(name);// 长度过长if (this.obj[x][2] !=0 && this.obj[x][2] < value.length) this.arr.length_arr[0].push(name);}}// 输出strfor(var y in this.arr){if (this.arr[y][0].length){this.str += this.arr[y][0].join('，')+' '+this.arr[y][1]+'\n';}}return this.str;}}var a1 = 'b',b1 = 12,c1 = 'aaadsfaaaaaab',d1 = 'a',e1 = '';// key->表单字段英文名    value内数组顺序-->字段中文名、值、长度、类型；// 长度为0表示不需要检测长度；类型为空表示不需要检测类型var obj = {'a' : ['地球', a1, 10, 'number'],'b' : ['火星', b1, 0, 'number'],'c' : ['月球', c1, 8, ''],'d' : ['土星', d1, 12, 'string'],'e' : ['木星', e1, 8, '']};var str = new Submit_check(obj).alert_str();if (str){alert(str);}</script>

转载于:https://www.cnblogs.com/firstForEver/p/4933922.html

代码段：js表单提交检测相关推荐

原生JS 表单提交验证器
一.前言最近在开发一个新项目,需要做登陆等一系列的表单提交页面.在经过"缜密"的讨论后,我们决定不用外部流行的框架,如bootstrap,由于我负责的模块仅仅是其中的一部分, ...
js表单提交 php,JavaScript提交表单的几种方法
在我们工作中我们会经常使用到form表单,相信大家再熟悉不过了,那么提交表单有很多种方法,JavaScript提交表单的方法又是如何呢,今天就带大家介绍下JavaScript提交表单的几种方法! 第一 ...
js表单提交,面向对象
一.js表单验证之后再提交 1.普通按钮onclick函数调用表单的submit()函数 <input type=button name="submit1" value=&q ...
js表单提交无反应的问题
首先上代码这个jsp文件是根据用户选择的select值将表单提交给相应的页面进行处理 test6-4-表单.jsp <%@page contentType="text/html;ch ...
html表单转换文档代码,把HTML表单提交的数据转化成XML文件 (转)
请输入您的通讯信息: 姓名: 性别: 地址: 工作单位: 电话: 电子: 然后编写ASP代码,遍历表单元素,并把输入的信息写进XML文件. processForm.asp: '-------- ...
js表单提交，支持图片上传，包含后端php代码
微信小程序开发交流qq群 581478349 承接微信小程序开发.扫码加微信. <html><head><meta http-equiv="Conte ...
表单提交前ajax验证,在Ajax提交之前进行jQuery表单验证
9 个答案: 答案 0 :(得分:85) 您可以使用submitHandler选项.基本上将$.ajax调用放在此处理程序中,即使用验证设置逻辑将其反转. $('#form').validate({ ...
php 提交方式,php表单提交方式有哪些？
PHP表单提交有两种方式,分别是:1.GET方式,GET提交方式在地址上可以看到参数,不安全,提交的数据一般不超过255个字节:2.POST方式,POST提交方式在地址栏上看不到参数,安全,提交数据的 ...
js表单验证，多字段长度校验
在开发中,有时会遇到几十或一百多甚至更多的字段都需要做长度校验.我们不可能一个字段一个字段的去写,然后我发现input中有maxLength属性可以做到类似的,但是问题是中文字符占2个长度,使用max ...
php判断表单提交是否为空,JS判断提交表单不能为空代码多种方案
在做前端时我们希望用户按要求提交数据了,如果提交了空我们就需要进入提示,在js中判断表单为空我们直接使用xx==空就可以了,下面看实例. 例 function checkpost() { if(myf ...

代码段：js表单提交检测

代码段：js表单提交检测相关推荐

最新文章

热门文章