网站首页/技术开发列表/内容

控制两个文本框只输入其一的JS代码如何写

技术开发2023-06-22阅读
编程(Programming)是编定程序的中文简称,就是让计算机代码解决某个问题,对某个计算体系规定一定的运算方式,使计算体系按照该计算方式运行,并最终得到相应结果的过程。为了使计算机能够理解(understand)人的意图,人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机,使得计算机能够根据人的指令一步一步去工作,完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。

【实例名称】

控制两个文本框只输入其一

【实例描述】

在进行页面验证的时候,为了确定注册用户的唯一性,一般都通过邮箱或者姓名判断.但只能有一个判断的条件,即要么邮箱唯一,要么姓名唯一。本例学习如何控制两个文本框只有其中一个有值。
【实例代码】

 

<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代码下载


使用编程语言写的程序,由于每条指令都对应计算机一个特定的基本动作,所以程序占用内存少、执行效率高。

……

相关阅读