//检查必填字段
//(通用的校验必填项不能为空(包括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;
}
};
};
分享到:
相关推荐
引用vueValidate插件,做到多个input框的同时校验,右侧提示同时显示
andorid必填项使用动画进行定位并提示用户输入。
checkbox复选框不能为空,至少有一个选项
在struts2里,完成登录页面,使用框架进行数据校验,用户名必填,密码必填且长度大于6。
详解ng-alain动态表单SF表单项设置必填和正则校验。在使用动态表单时对表单项进行非空校验及正则校验
JavaScript通用校验汇总
在写输入用到input的时候,经常出现以下几种情况: 只能输入某。栗子:只能输入数字,只能输入字母(大写,小写)只能输入某固定格式。栗子:只能输入金额,只能输入小数且最多保留2位不能输入某。栗子:不能输入...
element input-number 当值传入的为''时,默认显示为0,有些情况我们不希望显示0,而是显示为空,针对这种情况我们对element input-number的源码做了兼容处理
网页中文本框自校验的标签_input 网页中文本框自校验的标签_input 网页中文本框自校验的标签_input 网页中文本框自校验的标签_input
多参数校验参数是否为空接口,循环判断多个参数,可以直接使用
[其他类别]网页中文本框自校验的标签_input 这两年太卷了,毕设和毕业 答辩竞争激烈,越写越卷,没有创新和亮点的毕业答辩基本达不到老师的要求。 现在学长为你们准备计算机毕设JSP项目,需要的自取哦。[其他类别]...
通用的js表单校验脚本
CRC国际通用校验多项式CRC国际通用校验多项式CRC国际通用校验多项式
该函数可以很方便的校验页面上不许为空的项,校验页面输入框Text的合法值,如数字和日期的校验等。如果不许某项为空可以这样设置:申请单位:<input type="text" name="copmany" title="申请单位;nullStr:false;">。...
WPF自制TextBox利用Validation验证来实现必填项和焦点的提示特效。 此为专门为MVVM模式的实现。网上要么搜不到真实可用的,要么就是一大堆看不懂的机制绕路太远。我写了个简单明了的。希望可以帮助大家更好地利用...
移动端通常对于input标签要求输入有一些校验,vue的指令可达到完美校验的作用 预期效果 <input v-model="times" :data-last_value="lastTimes" v-int v-max="8" v-min="2" /> 属性data-last_value的值用来...
通过对excel某一行某一列的读取,和某个文件夹路径中的文件进行文件名匹配
网页中文本框自校验的标签_input.rar