相信很多网站程序设计师都做过会员注册的页面,立天网络也做过不下上百个会员注册的页面,而且每个客户要求不一样,但不管客户要求怎么变,做为网站设计技术人员都有个根本的原则:注册要方便,现在没有多少人愿意一下提交很多信息,而且信息繁琐的。下面谈谈从技术角度如何去实现让客户方便的去注册!
第一:会员帐号如果有重名的直接提示不可以注册,不要让客户等到提交时再显示不能提交信息,那么如何做到这一点,其实很简单只要用AJAX作下提示,用JQUERY方式去实现很是简单。看下面的代码:
$("#ad_name").blur(function(){
if(!$("#ad_name").val().match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)){
$("#ad_nameTip").html("请正确填写您的EMAIL地址.").addClass("CH");
$("#ad_name").addClass("putt2");
$("#ad_name").focus();
return false;
}else{
$("#ad_name").removeClass("putt2");
$("#ad_nameTip").html("");
}
})
上面判断是否正确输入,下面用AJAX看是否有注册过,把会员填写的内容带到regajxa.php页面,如果不正确在regajxa.php页面用echo输出相关出错的原因,在id为ad_nameTip的标签内显示相关内容,并给他增加样式ch;
$("#ad_name").blur(function(){
var ad_name=$(this).val();
$.post("regajxa.php",{ad_name:ad_name},function(tishi){
$("#ad_nameTip").html(tishi).addClass("CH");
},"html");
})
还有一个问题,这样虽然提示了输入正确不正确,但是有些注册人并不去看这些提示,或者说并不在意提示,虽然我们做了重点提示,但并不排除有不注意提示的人,所以我们在提交之前还要作下限定,确定注册的信息都正确,不然一提交其它填写的内容都没有了,下面再看看这个代码要如何来写:
function check(){
var ad_name=document.getElementById("ad_name").value;
if(ad_name==""){
alert("用户名必须填写.");
return false;
}
这是纯JS的代码,符号3WC标准,很多以前的写法现在已不好用了,虽然现在网站注册限制代码很多,但有很多老的,已不再实用现如今的W3C标准!当然也可以把这个改成JQUERY的,内容差不多就是不用写document.getElementById,直接用$代替即可,代码更简洁!