页面刚开始的时候只有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">
<input type="button" value="确 定" name="loginCommit" tabindex="3">
</td>
</tr>
[b]问题补充:[/b]
最主要的问题是:当出现密码框后,要验证用户名跟密码是否跟人员信息匹配,然后跳转,关键是跳转页面.这一系列的细节处理 ,并且只有1个确定按钮...............
[b]问题补充:[/b]
帮忙啊 不对啊 !!!!!!!!!!!!!!
看了下你的代码,首先要提出的是你的form的name属性不要用html的关键字。
还有form的onsubmit事件返回值的意义。
[code="html"]
工 号: | ||
密 码 : | ||
[/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"]
[/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"]
<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"%>
建议提问者先把源代码放到eclipse中格式化一下,然后用引用代码的方式呈现!
<br> function checkForm(){<br> var username = document.getElementById('username');<br> var password = document.getElementById('password');<br> var display = document.getElementById('u').style.display;<br> var pdisplay = document.getElementById('p').style.display;<br> if(display == ''){<br> if(username.value != ''){<br> document.getElementById('u').style.display = 'none';<br> document.getElementById('p').style.display = '';<br> }else{<br> alert("用户不允许为空!");<br> return false;<br> }<br> }else{<br> if(password.value != ''){<br> if(username.value == password.value){<br> document.getElementById('formId').submit();<br> }else{<br> alert("用户名与密码不匹配,请重新输入!");<br> username.value = '';<br> password.value = '';<br> document.getElementById('u').style.display = '';<br> document.getElementById('p').style.display = 'none';<br> return false;<br> }<br> }else{<br> alert("密码不允许为空!");<br><br> }<br> }<br> }<br>
用户名:
密 码:
[size=xx-small][/size][align=center][/align]
很简单问题啊
用div控制是否显示,只要判空就能做到了啊,不是很简单吗?