登录首页弹框提示写了没出效果，请问怎么改，谢谢 - J2EE论坛 - JAVA论坛

问题点数：0 回复次数：8

登录首页弹框提示写了没出效果，请问怎么改，谢谢

要提示用户名或密码不能为空，请问要怎么改
我这写了但没出效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>
<form action=".jsp" method="post"onsubmit="return checkform()"name="form1">
<HEAD>

<TITLE>无标题页</TITLE>

<META http-equiv=Content-Type content="text/html; charset=gbk">

<LINK

href="images/public.css" type=text/css rel=stylesheet>

<LINK

href="images/login.css" type=text/css rel=stylesheet>

<STYLE type=text/css>

</STYLE>
<script language="javascript">
function checkform()
{
if(form11.username.value==""){
alert("用户名不能为空。");
form1.username.focus();
return false;
}
if(form1.username.value.length<1‖form1.username.value.length>20){
alert("用户名超出了范围(1~20).");
form1.username.focus();
return false;
}
if(form1.password.value==""){
alertt("密码不能为空。");
form1.password.focus();
return false;
}
if(form1.password.value.length<1‖form1.password.value.length>20){
alert("密码超出了范围(1~20).");
form1.password.focus();
return false;
}
}
</script>
<META content="MSHTML 6.00.2900.5848" name=GENERATOR>

</HEAD>

<BODY>

<DIV id=div1>

  <TABLE id=login height="100%" cellSpacing=0 cellPadding=0 width=800

align=center>

    <TBODY>

      <TR id=main>

        <TD>

          <TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%">

            <TBODY>

              <TR>

                <TD colSpan=4> </TD>

              </TR>

              <TR height=30>

                <TD width=380> </TD>

                <TD> </TD>

                <TD> </TD>

                <TD> </TD>

              </TR>

              <TR height=40>

                <TD rowSpan=4> </TD>

                <TD>用户名：</TD>

                <TD>

                  <INPUT class=textbox id=username name=username>

                </TD>

                <TD width=120> </TD>

              </TR>

              <TR height=40>

                <TD>密　码：</TD>

                <TD>

                  <INPUT class=textbox id=password type=password

            name=password>

                </TD>

                <TD width=120> </TD>

              </TR>

              <TR height=40>

                <TD><br></TD>

                <TD vAlign=center colSpan=2><br></TD>

              </TR>

              <TR height=40>

                <TD></TD>

                <TD align=right>

                  <INPUT id=btnLogin type=submit value=" 登录 " name=btnLogin onclick="javascript:return(checkform());">

                </TD>

                <TD width=120> </TD>

              </TR>

              <TR height=110>

                <TD colSpan=4> </TD>

              </TR>

            </TBODY>

          </TABLE>

        </TD>

      </TR>

      <TR id=root height=104>

        <TD> </TD>

      </TR>

    </TBODY>

  </TABLE>

</DIV>

<DIV id=div2 style="DISPLAY: none"></DIV>

</CONTENTTEMPLATE>
</form>
</BODY>

</HTML>

第 2 楼

得分:0

不弹框的也可以，有些直接在输入用户名和密码的框后面，输出“用户名和密码不能为空”的文字

第 3 楼

得分:0

没有发现form的开始标签
<form id="form1" ...>

脚本：
var form1=document.getElementById("form1");
if(form11.username.value==""){
alert("用户名不能为空。");
...

第 4 楼

得分:0

我改了成这样行了

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>无标题页</TITLE>

<META http-equiv=Content-Type content="text/html; charset=gbk">

<LINK

href="images/public.css" type=text/css rel=stylesheet>

<LINK

href="images/login.css" type=text/css rel=stylesheet>

<STYLE type=text/css>

</STYLE>

<script>
function checkform(){
var form1 = document.form1;
if(form1.username.value.length<1 || form1.username.value.length>20){
alert("用户名超出了范围(1~20).");
form1.username.focus();
return false;
}
if(form1.password.value.length<1 || form1.password.value.length>20){
alert("密码超出了范围(1~20).");
form1.password.focus();
return false;
}
}
</script>
<META content="MSHTML 6.00.2900.5848" name=GENERATOR>

</HEAD>

<BODY>
<form name="form1" id="form1"action="check.jsp">
<DIV id=div1>

  <TABLE id=login height="100%" cellSpacing=0 cellPadding=0 width=800

align=center>

    <TBODY>

      <TR id=main>

        <TD>

          <TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%">

            <TBODY>

              <TR>

                <TD colSpan=4> </TD>

              </TR>

              <TR height=30>

                <TD width=380> </TD>

                <TD> </TD>

                <TD> </TD>

                <TD> </TD>

              </TR>

              <TR height=40>

                <TD rowSpan=4> </TD>

                <TD>用户名：</TD>

                <TD>

                  <INPUT class=textbox id=username name=username>

                </TD>

                <TD width=120> </TD>

              </TR>

              <TR height=40>

                <TD>密　码：</TD>

                <TD>

                  <INPUT class=textbox id=password type=password

            name=password>

                </TD>

                <TD width=120> </TD>

              </TR>

              <TR height=40>

                <TD><br></TD>

                <TD vAlign=center colSpan=2><br></TD>

              </TR>

              <TR height=40>

                <TD></TD>

                <TD align=right>

                  <INPUT id=btnLogin type=submit value=" 登录 " name=btnLogin onclick="return checkform()">

                </TD>

                <TD width=120> </TD>

              </TR>

              <TR height=110>

                <TD colSpan=4> </TD>

              </TR>

            </TBODY>

          </TABLE>

        </TD>

      </TR>

      <TR id=root height=104>

        <TD> </TD>

      </TR>

    </TBODY>

  </TABLE>

</DIV>

<DIV id=div2 style="DISPLAY: none"></DIV>

</CONTENTTEMPLATE>
</form>
</BODY>

</HTML>