js基础教程19：if else多重条件语句

讲师：瑞德威(赵老师)

JavaScipt基础知识 视频教程

第十一课 if else多重条件语句

1、if...else if....else 语句

基本语法：

if (条件1)
{
<语句1> //当条件1为 true 时执行的代码
}
else if(条件2)
{
<语句2> //当条件2为 true 时执行的代码
}
else
{
<语句3> //当条件1和条件2为 false 时执行的代码
}

使用 if....else if...else 语句来选择多个代码块之一来执行

例如：
if (time<10)
{
x="Good morning";
}
else if (time<20)
{
x="Good day";
}
else
{
x="Good evening";
}

b、实例作业：使用if条件语句判断输入框信息是否为空

<form name="sr" method="post" action="" onsubmit="return checksub()">
用户名：<input type="text" id="uname" name="uname" value="" />
密 码： <input type="password" id="upwd" name="upwd" value="" />
<input type="submit" name="b2" value="提交" />
< /form>
< script type="text/javascript">
function checksub(){
var uname=document.getElementById("uname").value;
var upwd=document.getElementById("upwd").value;
var m=uname.length;
var n=upwd.length;
if(m==0){
alert("请输入用户名！");
return false;
}
else if(m<3 || m>20)
{
alert("请输入3-20个字符组成的用户名！");
return false;
}
else
{
alert("您输入的用户名是："+uname);
}
if(n==0){
alert("请输入密码！");
return false;
}
else if(m<6 || m>12)
{
alert("请输入6-12个字符组成的密码！");
return false;
}
else
{
alert("您输入的密码是："+upwd);
}
return true;
}
< /script>