`
li370604005
  • 浏览: 46442 次
  • 性别: Icon_minigender_1
  • 来自: 盐城
社区版块
存档分类
最新评论

JS前段的一些方法累积

阅读更多

一、搜索文本框失去焦点,获得焦点。

 

<%--搜索文本框获得或失去焦点	--%>
	function showSearchTxt(str){
		if(str == "focus"){
			var searchTxt = document.getElementById("searchTxt");
			if(searchTxt.value != "姓名或账号或学号"){
				return;
			}
			else{
				searchTxt.value = "";
			}
		}
		if(str == "blur"){
			var searchTxt = document.getElementById("searchTxt");
			if(searchTxt.value != ""){
				return;
			}
			else{
				searchTxt.value = "姓名或账号或学号";
			}
		}
	}

 二、checkbox的一些常用Jquery

$("document").ready(function(){ 
$("#btn1").click(function(){ 
$("[name='checkbox']").attr("checked",'true');//全选 
}) 
$("#btn2").click(function(){ 
$("[name='checkbox']").removeAttr("checked");//取消全选 
}) 
$("#btn3").click(function(){ 
$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数 
}) 
$("#btn4").click(function(){ 
$("[name='checkbox']").each(function(){//反选 
if($(this).attr("checked")){ 
$(this).removeAttr("checked"); 
} 
else{ 
$(this).attr("checked",'true'); 
} 
}) 
}) 
$("#btn5").click(function(){//输出选中的值 
var str=""; 
$("[name='checkbox'][checked]").each(function(){ 
str+=$(this).val()+"/r/n"; 
//alert($(this).val()); 
}) 
alert(str); 
}) 
}) 

 数据验证模块:使用方式return regBox.regTel.test(str);

//判断是输入str为"",长度为0
function isEmpty(str) {
	str = removeSpace(str);
	if (str.length == 0) {
		return true;
	} else {
		return false;
	}
}
// 判断str中是否包含空格" "
function containSpace(str){
	if(-1!=str.indexOf(" "))
	{
		return true;
	}
	else
	{
		return false;
	}
}
// 同时验证str是否为空或者包含空格
function validateStr(str)
{
	return containSpace(str)&&isEmpty(str);
}
// 判断是否数字与字母的组合和特殊字符
function isOnlyNumAndWords(str)
{
	if(null==str.match(/[^A-Za-z0-9!@*-+,.]/ig)){
		 return true; 
	 }else
	 {
		 return false;
	 }
}
// 判断两个是否相等
function isEqual(str1,str2)
{
	return (str1==str2);
}
// 去除所有空格
function removeSpace(str)
{
	while(-1!==str.indexOf(" "))
	{
		str = str.replace(" ","");
	}
		return str;
}
//定义以下正则表达式
var regBox = {
    regEmail : /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/,//邮箱
    regName : /^[a-z0-9_-]{3,16}$/,//用户名
    regMobile : /^0?1[3|4|5|8][0-9]\d{8}$/,//手机
    regTel : /^0[\d]{2,3}-[\d]{7,8}$/,//固话
    regQQ:/^\d+(\.\d+)?$/  
}
//判断是否是邮箱
function isEmail(str)
{
	return regBox.regEmail.test(str);
}
//判断是否是手机号
function isPhoneNum(str)
{
	return regBox.regMobile.test(str);
}
//判断是否是座机号码
function isTelNum(str)
{
	return regBox.regTel.test(str);
}
//判断是否是QQ
function isQQNum(str)
{
	return regBox.regQQ.test(str);
}


//替换字符
function replaceStr(str,bef,aft)
{
	str = str.replace(bef,aft);
	return str;
}

 

var regexEnum = 
{
	intege:"^-?[1-9]\\d*$",					//整数
	intege1:"^[1-9]\\d*$",					//正整数
	intege2:"^-[1-9]\\d*$",					//负整数
	num:"^([+-]?)\\d*\\.?\\d+$",			//数字
	num1:"^[1-9]\\d*|0$",					//正数(正整数 + 0)
	num2:"^-[1-9]\\d*|0$",					//负数(负整数 + 0)
	decmal:"^([+-]?)\\d*\\.\\d+$",			//浮点数
	decmal1:"^[1-9]\\d*.\\d*|0.\\d*[1-9]\\d*$",  	//正浮点数
	decmal2:"^-([1-9]\\d*.\\d*|0.\\d*[1-9]\\d*)$",  //负浮点数
	decmal3:"^-?([1-9]\\d*.\\d*|0.\\d*[1-9]\\d*|0?.0+|0)$",  //浮点数
	decmal4:"^[1-9]\\d*.\\d*|0.\\d*[1-9]\\d*|0?.0+|0$",   //非负浮点数(正浮点数 + 0)
	decmal5:"^(-([1-9]\\d*.\\d*|0.\\d*[1-9]\\d*))|0?.0+|0$",  //非正浮点数(负浮点数 + 0)
	email:"^\\w+((-\\w+)|(\\.\\w+))*\\@[A-Za-z0-9]+((\\.|-)[A-Za-z0-9]+)*\\.[A-Za-z0-9]+$", //邮件
	color:"^[a-fA-F0-9]{6}$",				//颜色
	url:"^http[s]?:\\/\\/([\\w-]+\\.)+[\\w-]+([\\w-./?%&=]*)?$",	//url
	chinese:"^[\\u4E00-\\u9FA5\\uF900-\\uFA2D]+$",					//仅中文
	ascii:"^[\\x00-\\xFF]+$",				//仅ACSII字符
	zipcode:"^\\d{6}$",						//邮编
	mobile:"^13[0-9]{9}|15[012356789][0-9]{8}|18[0256789][0-9]{8}|147[0-9]{8}$",				//手机
	ip4:"^(25[0-5]|2[0-4]\\d|[0-1]\\d{2}|[1-9]?\\d)\\.(25[0-5]|2[0-4]\\d|[0-1]\\d{2}|[1-9]?\\d)\\.(25[0-5]|2[0-4]\\d|[0-1]\\d{2}|[1-9]?\\d)\\.(25[0-5]|2[0-4]\\d|[0-1]\\d{2}|[1-9]?\\d)$",	//ip地址
	notempty:"^\\S+$",						//非空
	picture:"(.*)\\.(jpg|bmp|gif|ico|pcx|jpeg|tif|png|raw|tga)$",	//图片
	rar:"(.*)\\.(rar|zip|7zip|tgz)$",								//压缩文件
	date:"^\\d{4}(\\-|\\/|\.)\\d{1,2}\\1\\d{1,2}$",					//日期
	qq:"^[1-9]*[1-9][0-9]*$",				//QQ号码
	tel:"^(([0\\+]\\d{2,3}-)?(0\\d{2,3})-)?(\\d{6,26})(-(\\d{3,26}))?$",	//电话号码的函数(包括验证国内区号,国际区号,分机号)
	subtel:"^\\d{3,26}?$",	//分机号
	_subtel:"^\\d{0,6}?$",	//分机号,chendd add 20130813 设置长度为3-6位
	fax:"^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$",	//传真
	username:"^\\w+$",						//用来用户注册。匹配由数字、26个英文字母或者下划线组成的字符串
	englishname:"^[a-zA-Z]* *[a-zA-Z]*$",	//英文名字
	letter:"^[A-Za-z]+$",					//字母
	letter_u:"^[A-Z]+$",					//大写字母
	letter_l:"^[a-z]+$",					//小写字母
	idcard:"^[1-9]([0-9]{14}|[0-9]{17})$",	//身份证
	certcode:"^[a-zA-Z0-9]*$",		//其他证件号码
	certcode1:"^[a-zA-Z0-9\.,;\:\'\"]*$"		//其他证件号码
}

var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外"} 

function isCardID(sId){ 
	var iSum=0 ;
	var info="" ;
	if(!/^\d{17}(\d|x)$/i.test(sId)) return "你输入的身份证长度或格式错误"; 
	sId=sId.replace(/x$/i,"a"); 
	if(aCity[parseInt(sId.substr(0,2))]==null) return "你的身份证地区非法"; 
	sBirthday=sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2)); 
	var d=new Date(sBirthday.replace(/-/g,"/")) ;
	if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate()))return "身份证上的出生日期非法"; 
	for(var i = 17;i>=0;i --) iSum += (Math.pow(2,i) % 11) * parseInt(sId.charAt(17 - i),11) ;
	if(iSum%11!=1) return "你输入的身份证号非法"; 
	return true;//aCity[parseInt(sId.substr(0,2))]+","+sBirthday+","+(sId.substr(16,1)%2?"男":"女") 
} 

//短时间,形如 (13:04:06)
function isTime(str)
{
	var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/);
	if (a == null) {return false}
	if (a[1]>24 || a[3]>60 || a[4]>60)
	{
		return false;
	}
	return true;
}

//短日期,形如 (2003-12-05)
function isDate(str)
{
	var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/); 
	if(r==null)return false; 
	var d= new Date(r[1], r[3]-1, r[4]); 
	return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
}

//长时间,形如 (2003-12-05 13:04:06)
function isDateTime(str)
{
	var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; 
	var r = str.match(reg); 
	if(r==null) return false; 
	var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]); 
	return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);
}
 键盘监听与回车提交:
$(document).keyup(function (event) {
        //判断当event.keyCode 为37时(即左方面键),执行函数to_left();
        //判断当event.keyCode 为39时(即右方面键),执行函数to_right();
        if (event.keyCode == 13) {//回车键
            if(document.getElementById("validateB").disabled==true)
            {
                
            }else
            {
	        	login();
            }
        } else {
        	keyDown();
        }
    });
 

 

 

分享到:
评论

相关推荐

    超实用的javascript代码段30道题目答案.docx

    `parseInt`函数需要两个参数,但在`map`方法中只传了一个,导致每个字符串前的索引被用作第二个参数(基数)。由于默认基数是10,所以解析得到0、1、2。 2. `[typeof null, null instanceof Object]`的结果是`[...

    js 针对html DOM元素操作等经验累积

    在操作DOM时,我们常常需要进行元素的创建、删除、修改等操作,以下是一些常用的JavaScript DOM操作方法: - 创建新元素:`document.createElement(tagName)` - 删除元素:`element.parentNode.removeChild(element...

    关于动态生成dom绑定事件失效的原因及解决方法

    在传统的JavaScript事件绑定方法中,如果直接使用jquery的bind方法绑定事件,这种方法只对当前已经存在的DOM元素有效,对于后来动态生成的DOM元素则无法实现事件绑定。原因在于bind方法在执行时,只将事件处理程序...

    JavaScript编写九九乘法表(两种任选)

    第一种方法实时输出,内存占用较低,而第二种方法则在所有计算完成后一次性输出,可能会占用更多内存,但在输出前可以对结果进行更复杂的处理。 在实际开发中,选择哪种方法取决于具体需求。例如,如果需要在网页上...

    INSPECTOR射线仪中文说明书JS.pdf

    根据提供的文件内容,我们可以提取出关于“INSPECTOR射线仪”这一设备的一些关键知识点。射线仪通常用于检测环境中是否含有放射性物质,并可以测量放射性辐射的强度。以下是详细的知识点: 1. 基本测量单位:在放射...

    用js统计用户下载网页所需时间的脚本

    ### 使用JavaScript统计网页加载时间的方法 #### 背景与目的 在互联网应用中,为了提升用户体验,确保网站能够快速响应是非常重要的。特别是在早期互联网环境下,由于网络基础设施的差异(如南北电信运营商之间的...

    highcharts-3.0.4

    - **Highcharts API**:Highcharts提供了一套详尽的API,允许开发者通过JavaScript调用不同的方法来创建、配置和操作图表。 - **图表类型**:包括折线图(Line)、柱状图(Column)、条形图(Bar)、饼图(Pie)、...

    unusedjs-fiddler:使用此 Fiddler 扩展程序发现页面上未使用的 JS 的百分比

    "unusedjs-fiddler"是一款基于Fiddler的扩展程序,专为Web开发者设计,用于检测网页中未被引用或未执行的JavaScript代码。这款工具能够帮助优化网页性能,减少不必要的资源加载,提升网页加载速度,进而改善用户体验...

    jquery $.ajax()取xml数据的小问题解决方法

    知识点解析: 1. jQuery $.ajax() 使用: 在Web开发中,AJAX(异步JavaScript和XML)技术允许客户端和服务器之间的异步数据...通过这些知识点的累积,开发者可以提高解决问题的能力,并最终实现稳定的跨浏览器应用。

    js前端如何写一个精确的倒计时代码

    正确的做法是在倒计时结束前的一段时间内先请求新数据,待倒计时结束时再渲染页面。 通过以上方法,可以实现一个更精确、更稳定的前端倒计时组件。当然,对于某些应用场景,可能还需要考虑用户网络延迟、服务器响应...

    BP算法神经网络.zip

    在前向传播阶段,输入数据通过各层神经元的加权求和和激活函数转换,得到网络的预测输出。然后,在反向传播阶段,计算预测输出与实际目标的误差,并沿着网络的反方向,从输出层到输入层逐层反向传播这个误差,用以...

    编写优秀的高性能WEB应用程序的外文及其翻译

    虽然单次请求的优化可能微乎其微,但在高并发环境下,累积起来的效果不容忽视。 6. **数据库连接管理**:优化数据库连接的打开和关闭,避免过多的短连接,使用连接池可以减少创建和销毁连接的开销,从而提高系统...

    fusion charts free 中文开发指南第二版

    - **应用场景**:主要用于显示一段时间内数据的变化趋势,特别适用于展示累积数据的变化情况。 - **特点**:能够清晰地显示出数据随时间的变化趋势,支持填充颜色以增强可视化效果。 **1.5 堆栈图** - **应用场景**...

    基于node下的http小爬虫的示例代码

    Node.js是一个开源的、跨平台的JavaScript运行环境,它允许我们在服务器端执行JavaScript代码。由于JavaScript是客户端脚本语言,Node.js的出现使得开发者可以利用JavaScript进行全栈开发。 首先,我们来看一下`...

    jQuery实现带控制按钮的图片滚动特效(可多个)

    6. **事件阻止和防抖动**:为了提高用户体验,可以使用`.stop()`方法阻止未完成的动画,防止连续点击时的累积。此外,为了防止频繁点击导致的性能问题,可以应用防抖动(debounce)或节流(throttle)技术来限制自动滚动...

    jQuery 动画与停止动画效果实例详解

    `stop()`方法可以避免动画队列的混乱和累积延迟。它可以接受两个可选的布尔参数,`clearQueue`和`jumpToEnd`。`clearQueue`用于指定是否要移除队列中所有未执行的动画,而`jumpToEnd`则指定元素是否直接跳到动画结束...

    实训项目.docx

    - **前端技术栈**:HTML5、CSS3、JavaScript(推荐使用React.js或Vue.js框架,提高开发效率)。 - **后端技术栈**:Java(Spring Boot框架用于快速搭建微服务架构)、MySQL数据库存储数据。 - **中间件**:Redis用于...

    使用jQuery实现图片遮罩半透明坠落遮挡

    在鼠标悬停时,通过.stop()方法来停止当前元素上正在执行的动画,以防止动画队列累积。接着,使用.delay()方法来设置动画执行前的延时,最后使用.animate()方法来实现遮罩层的滑落效果,并通过opacity属性来控制其...

    CMT 视频检测跟踪算法

    Camshift(Continuously Adaptive Mean Shift)是基于颜色直方图的追踪方法,它通过不断调整窗口的大小和位置来最大化目标区域的颜色直方图的累积概率。模板匹配则是通过比较图像中的每个像素与模板之间的相似度,...

    jquery动感漂浮导航菜单代码分享

    通过使用jQuery的链式调用和.stop()方法,确保在进行动画过渡前清除之前正在执行的动画,从而防止动画队列累积导致的动画效果不连贯。这对于动态的、连续的动画效果尤为重要。 代码还提到了一种在IE6浏览器中解决...

Global site tag (gtag.js) - Google Analytics