这个验证是从一个帖子改进来的:
http://www.iteye.com/topic/24619
代码:
/**
* 验证函数
* 参数id:要验证控件的id
*/
function validate(id){
var pattern = /.+/;//正则表达式:非空
var elem = document.getElementById(id);
var span = document.getElementById("span"+id);//尝试得到错误信息标签
var arr = elem.value.split(".");
if(!pattern.test(elem.value)){//不满足条件:不为空
if(!span){//错误信息不存在,则创建
span = document.createElement("SPAN");
span.id = "span"+id;
span.style.color = "red";
span.innerHTML = "不许为空!";
elem.parentNode.appendChild(span);
}else{//错误信息存在,则修改其内容
span.innerHTML = "不许为空!";
}
//document.getElementById(id1).focus();
return false;
}else if(arr.length<1||arr[arr.length-1].toLowerCase()!='xls'){
if(!span){
span = document.createElement("SPAN");
span.id = "span"+id;
span.style.color = "red";
span.innerHTML = "请导入后缀为'xls'的文件!";
elem.parentNode.appendChild(span);
}else{
span.innerHTML = "请导入后缀为'xls'的文件!";
}
return false;
}else if(span){//通过验证,且错误信息存在,则删除
span.parentNode.removeChild(span);//删除错误信息
}
return true;
}
效果:
<html></html>
分享到:
相关推荐
javascript很好很强大的JS表单验证 javascript很好很强大的JS表单验证
js表单验证 表单的验证一直是网页设计者头痛的问题,表单验证类 Validator就是为解决这个问题而写的,旨在使设计者从纷繁复杂的表单验证中解放出来,把精力集中于网页的设计和功能上的改进上。 Validator是基于...
全网最全的 表单验证, js表单验证,form表单验证,前端验证,简介验证 email URL 登陆验证
js表单验证大全js表单验证大全js表单验证大全
超强大的JS表单验证及使用方法教程: 真实姓名只允许中文; 英文名只允许英文字母; 非法的Url; 密码不符合安全规则; 两次输入的密码不一致; 信箱格式不正确; QQ号码不存在; 身份证号码不正确; 电话号码不正确...
JS表单验证,常见问题解决方案,表单验证函数大全,比阿丹验证控制代码大全。
js表单验证实例,HTML文件,javascript常用表单验证: 账号、密码、身份证等
简单js表单验证大全,一看就懂,超级好用,好学
js表单验证(简单)
js 表单验证网页特效
js表单验证类,包含非空,数字,邮箱,邮编,电话号码等验证集合
一个完美的js表单验证案例,集成了jQuery 效果如下:https://blog.csdn.net/chendongpu/article/details/120887021
javascript表单验证大全 js表单验证控制代码大全 1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字 3:js判断是否输入英文、只能...
JavaScript表单验证 JavaScript表单验证 JavaScript表单验证
JS表单验证大全JS表单验证大全JS表单验证大全JS表单验证大全JS表单验证大全JS表单验证大全JS表单验证大全JS表单验证大全
js提交表单及js表单验证大全, 记录javascript与表单的各种验证。
使用时请将下面的javascript代码存到一个单一的js文件中。 1、表单要求 (this)"> 将对表单中的所有以下类型的域依次验证,所有验证是去除了前导和后缀空格的,要注意是区分大小写的。 2、空值验证 表单中任意域...
基于jquery的一款JS表单验证程序,效果看起来很不错,功能强大,调用简单
js提交表单及js表单验证 js提交表单及js表单验证 js提交表单及js表单验证