javascript实例学习四
表单验证相关
判断输入是否含有数字
涉及到javascript中的正则表达式
<script LANGUAGE="JavaScript">
function checkNum(str)
{
if( str.match(/\d/)== null)
alert("输入数值错误！");
else
alert("数值正确！");
}
</script>
</head>
<body>
<input type=text name="txt1" value="a">
<input type=button name="btn1" value="测试" onClick="checkNum(txt1.value)">
</body>
必须填写的表单项
function CheckForm()
{
//判断输入框内容的长度
if ( document.getElementById("txtname").value.length == 0) {
alert("姓名必须输入!"); //提示用户
document.getElementById("txtname").focus(); //文本框获取焦点
return false;
}
return true;
}
检测输入框的同一方法
在检查后如果发现为填写的项，让该项获得焦点比较好
<script language="JavaScript">
function chk()
{
var b=document.getElementsByTagName("input")//获取所有的输入框
for(var i=0;i<b.length;i++){ //遍历所有的输入框
if(b[i].name.substr(0,4)=="item"){ //判断输入框的前4位
if(b[i].value==""){
alert("请输入第"+(i+1)+"项的值。");//如果值为空，给出提示
b[i].focus(); //值空的文本框获得焦点
return false; //返回
}
}
}
return true
}
</script>
</head>
<body>
<form name="form1" action="http://www.google.com" onSubmit="return chk()">
1.<input name="item1" type="text" value="" >
2.<input name="item2" type="text" value=""><br />
3.<input name="item3" type="text" value="">
4.<input name="item4" type="text" value=""><br />
<input name="btn" type="submit" value="提交">
</form>
</body>
email验证函数
正则表达式验证
<SCRIPT LANGUAGE="JavaScript">
function ismail(mail)
{
return(new RegExp(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/).test(mail));
}
</script>
不使用正则验证ip
function isip(s){
var check=function(v){
try{return (v<=255 && v>=0)}catch(x){return false}
};
var re=s.split(".");
return (re.length==4)?(check(re[0]) && check(re[1]) && check(re[2]) && check(re[3])):false
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
用DOM操作空间的方法
<script type="text/javascript">
function test()//空间的替换
{
var mydom1=document.getElementById("divlist1");//获取指定ID的DOM对象
var mydom2=document.getElementById("divlist2");//获取指定ID的DOM对象
mydom1.replaceChild(mydom2.firstChild,mydom1.firstChild);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<input id="btn1" type="button" value="test" onClick="test()"/>
<div id="divlist1"><p>this is test1</p></div>
<div id="divlist2"><p>this is test2</p></div>
</form>
</body>
控件的复制
function test()
{
var mydom1=document.getElementById("divlist1");//获取指定ID的DOM对象
var mydom2=document.getElementById("divlist2");//获取指定ID的DOM对象
mydom2.appendChild(mydom1.childNodes[0].cloneNode(true));
}
检查是否有子节点
function testa()
{
var mydom=document.getElementById("divtest");//获取指定ID的DOM对象
if(mydom.hasChildNodes())
alert("有子节点");
else
alert("没有子节点");
}
获得页面中某控件的属性
function testa()
{
var mydom=document.getElementById("btn1");//获取指定ID的DOM对象
var myattri=mydom.getAttribute("type"); //获取元素的类型
alert(" 按钮的英文类型是："+myattri);
}
删除节点
function test()
{
var mydom=document.getElementById("divlist1");//获取指定ID的DOM对象
var childnode=mydom.firstChild;//获取被删除的节点
mydom.removeChild(childnode);//删除节点
}
遍历类中的所有属性
<script language="javascript">
var Person = new Object(); //创建对象
Person.name = "张三"; //为对象添加属性
Person.age = "26";
Person.phone = "010-88888888";
for (var parm in Person)
{
//依次显示对象中的所有属性
alert("属性： '" + parm + "' 值： " + Person[parm]);
}
</script>
浙公网安备 33010602011771号