软件学堂

网游分类软件分类

JS代码:控制两个文本框只输入其一

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=""”。

【源码下载】

本实例JS代码下载

上一篇:显卡是什么,电脑显卡的作用
下一篇:通过JS代码判断编辑器中是否包含特殊字符

相关文章