js 检验(input、radio、checkbox、textarea)必填项的代码
以下代码,可以完成input、radio、checkbox、textarea等的必填属性检测。
在网页中经常需要限制某些表单项是必填项,此时就需要借助js脚本来检测。
代码:
<script language="javascript"> //检查必填字段 //(校验必填项不能为空(包括input框,单选框,复选框,文本域)) var elem = document.getElementById("age"); function checkRequired(elem){ var name = elem.name; if(elem.type == "checkbox" || elem.type == "radio"){ var results=[]; results.numChecked = 0; var input = document.getElementsByTagName("input"); for(var i=0;i<input.length;i++){ if(input[i].name == name){ results.push(input[i]); if(input[i].checked){ results.numChecked++; } } } return results.numChecked; }else{ return elem.value.length > 0 && elem.value != elem.defaultValue; } } //检查输入元素是否键入了信息的通用函数 function checkRequired(elem){ if(elem.type == "checkbox" || elem.type == "radio") return getInputsByName(elem.name).numChecked; else return elem.value.length > 0 && elem.value != elem.defaultValue; } //找出指定name的所有input元素(对查找 以及处理复选框或单选框十分有用) function getInputsByName(name){ var results=[]; results.numChecked = 0; var input = document.getElementsByTagName("input"); for(var i=0;i<input.length;i++){ if(input[i].name == name){ results.push(input[i]); if(input[i].checked){ results.numChecked++; } } } return results; } window.onload = function(){ document.getElementsByTagName("form")[0].onsubmit=function(){ var elem = document.getElementById("age"); if(!checkRequired(elem)){ alert("Required field is empty "+"you must be over 13 to use this site."); return false; } var elem = document.getElementById("name"); if(!checkRequired(elem)){ alert("Required field is empty - please provide "); return false; } }; }; </script>
相关热词:
本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!
本文地址: https://v30.fanwenzhu.com/jq/jc/6554.shtml
相关文章
热门TAG
win10 ecshop 主机 阿里云 解决 配置 C# C++ 解析 SQL语句 命令 Go语言 方法 CSS3 HTML5 CSS win7 MSSQL 服务器配置 IIS7.5 IIS7 IIS6 IIS CentOS 7 Linux oracle数据库 oracle phpcms discuz discuz教程最新文章
-
PHP识别相片是否是颠倒的
时间:2020-12-28
-
python编程有哪些ide
时间:2020-12-28
-
python开发工程师是做什么
时间:2020-12-28
-
php构造函数的作用
时间:2020-12-28
-
php怎么跟数据库连接
时间:2020-12-28
-
php实现顺序线性表
时间:2020-12-28
-
Python多重继承中的菱形继
时间:2020-12-28
-
php中break的作用
时间:2020-12-28
热门文章
-
php中常用的正则表达式使用方法
时间:2020-12-25
-
asp与php区别是什么?
时间:2020-12-27
-
PHP识别相片是否是颠倒的,并且重新摆正
时间:2020-12-28
-
Yii授权之基于角色的存取控制 (RBAC)
时间:2020-12-23
-
php的一键安装包有哪些 php环境搭建
时间:2020-12-19
-
php实现对图片对称加解密(适用身份证加
时间:2020-12-25
-
php如何理解面向对象
时间:2020-12-28
-
超详细分析php docker的原理及作用
时间:2020-12-27
-
Python控制Excel实现自动化办公
时间:2020-12-23
-
session的作用是什么
时间:2020-12-25
