Html静态模拟登陆过程中遇到的问题

来源:互联网 发布:北津学院教务网络管 编辑:程序博客网 时间:2024/06/06 00:51

1.传值的问题:

通过URL传值:两种方式(基本一样)

1)location对象

登陆页面:window.location = "register.html?uname="+uname+"&pwd="+pwd;

2)window对象的open()方法,也是将URL传进去

接收页面:  var url1 = window.location.href;
 var str = url1.split("?")[1];
 var uname = str.split("&")[0].split("=")[1];
 var pwd = str.split("&")[1].split("=")[1];
 document.getElementById("uname").value = uname;
 document.getElementById("pwd").value = pwd;


注:不止这两种方式,还有一些其他方式的

2.正则表达式的验证:

var regexTel = /^[1][3578]\d{9}$/;
function blur1(){
var tel = document.getElementById("tel").value;
if(!regexTel.test(tel)){
alert("您输入的手机号码有误,请重新输入!!!");
}
}

这个不能把document.getElementById("tel").value直接写在test()函数里面,验证不了。

3.多选框的选择数量限制:

function checkHobby(obj){
var hobbys = document.getElementsByName("hobby");
var count = 0;
for(var i=0;i<hobbys.length;i++){
if(hobbys[i].checked){
count++;
}
}
if(count>=4){
alert("兴趣爱好最多选3个");
obj.checked = false;
}
}

if判断里面的值要比实际限制的值大1或者不写等号。因为在点击选择时,进去函数,此时获取的数组的值

为加了当前选择之后的数组,也就是说点的复选框此时是选择状态,即checked = "checked"。

如果还有限制最小选择数量的,个人建议写在下一个事件里面,而且写在最前面,判断如果不通过直接弹

框提示并return跳出函数。

4.地址联动选择

需要根据登陆人员给默认值的,在if判断里面,依次给联动赋值。


阅读全文
0 0
原创粉丝点击