标签 js 下的文章

js/jquery验证input里的手机号码


直接上代码
input失去焦点时验证是否为手机号码,如果不是就限制光标在input内

$("#field9").blur(function () {
    phone = this.value;
    RegCellPhone = /^(1)([0-9]{10})?$/;
    falg=phone.search(RegCellPhone);
    if (falg==-1){
    	alert("手机号不合法!");
    	this.focus();
    }
});

上面的例子input的id为field9


js控制checkbox全选和全不选


在做网页时经常会用到全选和全不选。下面的代码来举例实现。



	
		
		Select all checkbox
		

	
	
		

selectall



checkbox1

checkbox2

checkbox3

checkbox4

checkbox5

取消选中已选择的radio的js方法


需求:查找出被选中radio的值,并且能够取消选中的radio。

基础知识:
关于radio:首先我们要了解的是,radio是单选按钮,当选中其中一个radio,则其他的radio变成非选状态,选中的radio的checked的值为true,非选的radio的checked值为false。
关于getElementBy/getElementsBy相关方法:细心点的人可以发现前者的Element是单数形式,后者是复数形式,我们可以简单的理解为单数只能返回一个值,而复数可以返回多个值。

1.getElementById():因为id是唯一的,所以通过id获取的元素只能是一个,该方法返回id的第一个值,在本例中getElementById("brand").value=1
2.getElementsByName:通过定义的name来获取相关元素,返回的值是数组形式,在本例中document.getElementsByName("brand").length的意思,就是将所有name=brand的元素统计起来,获取他们的长度。
3.getElementsByTagName:通过标签来获得元素,返回的值是数组形式,例如在本例中,document.getElementsByTagName("input").length=4,因为有4个input的标签。

完整代码:





取消选中已选择的radio的js方法|APIEYE.com








演示地址:https://www.apieye.com/plus/312.html


Javascript常用的几个事件


JavaScript通常在网页中帮助我们进行一些互动的特效,而事件是这些特效的基础。

1.onload 和 onUnload

onload用于网页加载时,通常用于打开网页时提示欢迎语言或者其他特效的初始化。

onUnload用于网页关闭时,举例可以使用在关闭网页时提示用户一些信息,或者做个调查之类的功能。

2.onFocus, onBlur 和 onChange

这3个事件通常相互配合用于验证表单内容。

onFocus是某个域获得焦点时触发

onBlur是某个域失去焦点时触发

onChange是某个域的内容改变并失去焦点时触发

3.onSubmit

在表单提交时触发。

例如下面的代码

在提交表单前会调用checkForm()函数,通常可以在该函数中写一些验证表单内容正确性的功能。

4.onMouseOver 和 onMouseOut

这两个事件通常用户创建一些动态的特效

onMouseOver是鼠标划到某个域内时触发,相反onMouseOut是离开某个域时触发。

例如下面代码演示了当鼠标划到一个图片上时提示一段文字。