html5登录框如何将参数传到另一个页面判断

99percent 2018-09-24 11:49:32

<div id="particles-js">
<div class="login">
<div class="login-top">
登录 </div>
<div class="login-center clearfix">
<div class="login-center-img"><img src="css/name.png"/></div>
<div class="login-center-input">
<input type="text" name="user_num" value="" placeholder="请输入您的用户名" onFocus="this.placeholder=''" onBlur="this.placeholder='请输入您的用户名'"/>
<div class="login-center-input-text">用户名</div>
</div>
</div>
<div class="login-center clearfix">
<div class="login-center-img"><img src="css/password.png"/></div>
<div class="login-center-input">
<input type="password" name="user_pw"value="" placeholder="请输入您的密码" onFocus="this.placeholder=''" onBlur="this.placeholder='请输入您的密码'"/>
<div class="login-center-input-text">密码</div>
</div>
</div>
<div class="login-button"><input type="submit" value="登陆"></div>
</div>
<div class="sk-rotating-plane"></div>
</div>

<!-- scripts -->
<script src="css/particles.min.js"></script>
<script src="css/app.js"></script>
<script type="text/javascript">
function hasClass(elem, cls) {
cls = cls || '';
if (cls.replace(/\s/g, '').length == 0) return false; //当cls没有参数时,返回false
return new RegExp(' ' + cls + ' ').test(' ' + elem.className + ' ');
}

function addClass(ele, cls) {
if (!hasClass(ele, cls)) {
ele.className = ele.className == '' ? cls : ele.className + ' ' + cls;
}
}

function removeClass(ele, cls) {
if (hasClass(ele, cls)) {
var newClass = ' ' + ele.className.replace(/[\t\r\n]/g, '') + ' ';
while (newClass.indexOf(' ' + cls + ' ') >= 0) {
newClass = newClass.replace(' ' + cls + ' ', ' ');
}
ele.className = newClass.replace(/^\s+|\s+$/g, '');
}
}
document.querySelector(".login-button").onclick = function(){
addClass(document.querySelector(".login"), "active")
setTimeout(function(){
addClass(document.querySelector(".sk-rotating-plane"), "active")
document.querySelector(".login").style.display = "none"
},800)
setTimeout(function(){
removeClass(document.querySelector(".login"), "active")
removeClass(document.querySelector(".sk-rotating-plane"), "active")
document.querySelector(".login").style.display = "block"
//alert("登录成功")
//var str1=document.getElementById("user_num").value;
// var str2=document.getElementById("user_pw").value;
//alert(str1.value)

//window.location.href="aaa.asp?+ 'user_num='+str1 + '&user_pw='+str2;";

},5000)
}
</script>

上面是一个html5登录界面。我怎么样改它才能将获取文本框中的用户名和密码传到aaa.asp中判断?

红色部分我改过这样不行。求帮我改改,谢谢。
...全文
570 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
winzond 2018-09-24
  • 打赏
  • 举报
回复
你这样把密码明文在地址栏?这样还叫什么密码哟?用ajax传到后台判断才对吧。给你两个参考:https://www.cnblogs.com/jsping/archive/2012/07/31/2617179.html
https://blog.csdn.net/oYuHuaChen/article/details/54585173
这两个例子是asp.net的一般处理程序的,如果是asp的话,你参考一下如何获取浏览器传递给服务器的参数,相信很容易找到
天际的海浪 2018-09-24
  • 打赏
  • 举报
回复
另外,getElementById方法是通过id获取元素,你input元素只设置了name,没有id是不行的。 <input type="text" name="user_num" id="user_num" value="" placeholder="请输入您的用户名" onFocus="this.placeholder=''" onBlur="this.placeholder='请输入您的用户名'"/> <input type="password" name="user_pw" id="user_pw" value="" placeholder="请输入您的密码" onFocus="this.placeholder=''" onBlur="this.placeholder='请输入您的密码'"/>
天际的海浪 2018-09-24
  • 打赏
  • 举报
回复

var str1=document.getElementById("user_num").value;
var str2=document.getElementById("user_pw").value;
window.location.href="aaa.asp?user_num="+str1+"&user_pw="+str2;

28,390

社区成员

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧