HTML+JS

页面刚开始的时候只有1个TEXT可以输入username,当只要不为空的时候 电击确定按狃以后 这个username隐藏,出现1个密码框password,然后我输入密码,进行验证 最后如果密码跟用户名字匹配 那么就 一起将2个数据提交进入其他页面
[b]问题补充:[/b]
能不能具体点代码实现出来!!!整个过程,就HTML+JS实现 不用其他的.
[b]问题补充:[/b]
页面刚开始的时候只有1个TEXT可以输入username,当只要不为空的时候 电击确定按钮以后 这个username隐藏,出现1个密码框password,然后我输入密码,在点确定按钮,就进行验证 最后如果密码跟用户名字匹配人员的信息,就是说人员的密码跟名字匹配他本人, 那么就进入其他页面,进行其他处理..... 最好有代码实现.
我的代码:
JS函数:::::::function Display(id1,id2) {
var form = document.forms[0];
if(form == null) {
return;
}
if(form.username = null && form.username = ""){
form.username.focus();
}
if(form.password = null && form.password = ""){
form.password.focus();
}
if(form.username != null && form.username.value.length != "" ){

                                                id2.style.display="";
                                                id1.style.display="none";

                                                                 }
 if(form.password != null && form.password.value.length != ""){ 


                  try
                          {
                            if(window.external)
                            {
                               if(undefined != window.external.WebLogonUserName && form.username)
                                   window.external.WebLogonUserName = form.username.value;
                               if(undefined != window.external.WebLogonPassword)
                               if(form.newpassword && form.newpassword.value != "")
                                      window.external.WebLogonPassword = form.newpassword.value ;
                                   else if(form.password)
                                    window.external.WebLogonPassword = form.password.value ;
                          }
                             }catch(e) {};
                              return false;

                                  id1.style.display="";
                                  id2.style.display="none";
                          } 
                                                                    }

HTML文件:



 工  号:

 密   码 :

                }

[b]问题补充:[/b]

            <td colspan="3">
                <input type="button" value="重 置" name="loginReset" onclick="document.form.reset();" tabindex="4">
                &nbsp;&nbsp;
                <input type="button" value="确 定"  name="loginCommit" tabindex="3">

            </td>

        </tr>

[b]问题补充:[/b]
最主要的问题是:当出现密码框后,要验证用户名跟密码是否跟人员信息匹配,然后跳转,关键是跳转页面.这一系列的细节处理 ,并且只有1个确定按钮...............
[b]问题补充:[/b]
帮忙啊 不对啊 !!!!!!!!!!!!!!

看了下你的代码,首先要提出的是你的form的name属性不要用html的关键字。
还有form的onsubmit事件返回值的意义。
[code="html"]


New Document <!-- var $ = document.getElementById; var formStatus=0; //0:输入工号,1:输入密码,2:提交 function Display() { if(formStatus == 0){ if($("username").value.length>0) { $("un").style.display="none"; $("pwd").style.display=""; formStatus=1; } else { alert("请输入的工号!"); $("username").focus(); } }else if(formStatus == 1){ if($("userpws").value.length>0) { if($("username").value==$("userpws").value){ document.form1.submit(); } else { alert("您输入的工号与密码不匹配!"); } } else { alert("请输入的密码!"); $("userpws").focus(); } } } function formReset(){ document.form1.reset(); $("un").style.display=""; $("pwd").style.display="none"; } //-->


 工  号:
 密   码 :
  



[/code]

你是想问如何实现?

这主要是JavaScript对dom节点的控制,当username部位空时,将它隐藏!然后显示password节点,挺简单的,你可以使用jquery去实现,比如:username节点的id为username,你可以这样来控制,$("#username:hidden");来隐藏

伪代码可以吧

单击第一个按钮后,if(username.value!=""){

password.display="block"
username.display="none"

}

第二个按钮

if(username.value==password.value)
{

提交
}

呵呵,有问题可以站内信联系,大概代码就是这样的 :P

password后面是不是得跟个style?
如password.style.display?

呵呵,测试看看
[code="html"]

function showPwd(){ if(document.getElementById("username").value!=""){ document.getElementById("username").style.display="none"; document.getElementById("btn").value="发送"; document.getElementById("btn").onclick=null; document.getElementById("btn").onclick=send; document.getElementById("password").style.display="block"; } } function send(){ if(document.getElementById("username").value==document.getElementById("password").value){ document.getElementById("myform").submit(); }else{ alert('两次输入不一样哦') } }

[/code]

不好意思,有个地方写错了。。

function send(){
if(document.getElementById("username").value==document.getElementById("password").value){
document.getElementById("myForm").submit();
}else{
alert('两次输入不一样哦')
}
}

应该是document.getElementById("myForm").submit();,form第一个是大写的

:arrow: :arrow:

试试这个吧[code="java"]



无标题文档 function Display() { if(form.username != null && form.username.value != ""){ form.username.style.display="none"; form.password.style.display="block"; } } function send(){ if(form.username.value==form.password.value){ alert("提交"); }else{ alert("错误"); } }

<form name="form" method="post" action="/my.policy" onSubmit="javascript:Display(pass,dtpass);return true; "> 


 工  号:

 密   码 :



[/code]

呵呵,我的代码就是只用一个按钮,动态修改按钮的value值和它绑定的事件。。。 :D :D :D

给我分吧,哈。。。我穷死了。。

<%@ page language="java" import="java.util.*" pageEncoding="GB2312"%>

function showPwd(){ if(document.getElementById("username").value!=""){ document.getElementById("d1").style.display="none"; document.getElementById("d2").style.display="block"; } } function send(){ if(document.getElementById("username").value==document.getElementById("password").value){ alert('用户名和密码一致,请进入其他页面!') }else{ alert('用户名和密码不一致!') } }




姓名:




密码:






建议提问者先把源代码放到eclipse中格式化一下,然后用引用代码的方式呈现!


<br> function checkForm(){<br> var username = document.getElementById(&#39;username&#39;);<br> var password = document.getElementById(&#39;password&#39;);<br> var display = document.getElementById(&#39;u&#39;).style.display;<br> var pdisplay = document.getElementById(&#39;p&#39;).style.display;<br> if(display == &#39;&#39;){<br> if(username.value != &#39;&#39;){<br> document.getElementById(&#39;u&#39;).style.display = &#39;none&#39;;<br> document.getElementById(&#39;p&#39;).style.display = &#39;&#39;;<br> }else{<br> alert(&quot;用户不允许为空!&quot;);<br> return false;<br> }<br> }else{<br> if(password.value != &#39;&#39;){<br> if(username.value == password.value){<br> document.getElementById(&#39;formId&#39;).submit();<br> }else{<br> alert(&quot;用户名与密码不匹配,请重新输入!&quot;);<br> username.value = &#39;&#39;;<br> password.value = &#39;&#39;;<br> document.getElementById(&#39;u&#39;).style.display = &#39;&#39;;<br> document.getElementById(&#39;p&#39;).style.display = &#39;none&#39;;<br> return false;<br> }<br> }else{<br> alert(&quot;密码不允许为空!&quot;);<br><br> }<br> }<br> }<br>

用户名:

密 码:


[size=xx-small][/size][align=center][/align]

很简单问题啊

用div控制是否显示,只要判空就能做到了啊,不是很简单吗?