2012-10-19 来源:网络
【实例名称】
控制两个文本框只输入其一
【实例描述】
在进行页面验证的时候,为了确定注册用户的唯一性,一般都通过邮箱或者姓名判断.但只能有一个判断的条件,即要么邮箱唯一,要么姓名唯一。本例学习如何控制两个文本框只有其中一个有值。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页</title> <SCRIPT LANGUAGE="JavaScript"> function checkFields() { name = document.submitform.name.value; //获取姓名 email = document.submitform.email.value; //获取邮箱 if ((name == "") && (email == "") ) { //如果两者都为空 alert("请输入姓名和邮箱!"); return false; } else return true; } </script> </head> <body> <form name=submitform onSubmit="return checkFields()"> 名字和邮箱只需要输入一个即可<br> <br> <table border=0> <tr> <td align=center>名字</td><td> </td> <td align=center>Email</td></tr><tr> <td align=center><input type=text name=name value="" onFocus="document.submitform.email.value='';" size=10></td> <td align=center>或</td> <td align=center><input type=text name=email value="" onFocus="document.submitform.name.value='';" size=10></td> </tr> <tr> <td colspan=3 align=center><input type=submit value="提交"></td> </tr> </table> </form> </body> </html>
【运行效果】
【难点剖析】
本例的重点在于文本框的“onfocus”事件,此事件在文本框获得焦点时被触发。当文本框状取焦点时,会将另个文本框的值清空,实现代码为“document.submitform.email.value=""”。
【源码下载】