在正式写代码前,判断的逻辑是非常重要的,如果没判断对,那么写的代码也会出错。
多用于登录注册页面的注册
一、登录验证
在页面设计当中 要留出提示信息的位置
还有想好红框样式加在什么地方,一般是div中套着input和图表
要验证的?
1.非空、匹配
2.用户存不存在
写js验证
验证非空和正则匹配
(function login(){
$('#user').blur(function(){
var user=$('#user');
var pare=user.parent('.li1');
var tips=pare.next('p');
var sameUser=/^1[3|4|5|8][0-9]\d{8}$/;
if(user.val()){
if(sameUser.test(user.val())){
pare.removeClass('ok');
tips.html(' ');
}else{
pare.addClass('ok');
tips.html(user.attr('tip2'));
}
}else{
pare.addClass('ok');
tips.html(user.attr('tip'));
}
})
})()
验证用户存不存在
需要前面的验证通过再验证用户,设一个flag
(function login(){
$('#user').blur(function(){
var user=$('#user');
var pare=user.parent('.li1');
var tips=pare.next('p');
var sameUser=/^1[3|4|5|8][0-9]\d{8}$/;
var flag=true;
if(user.val()){
if(sameUser.test(user.val())){
pare.removeClass('ok');
tips.html(' ');
return true;
}else{
pare.addClass('ok');
tips.html(user.attr('tip2'));
return false;
}
}else{
pare.addClass('ok');
tips.html(user.attr('tip'));
return false;
}
if(flag){
$.ajax({
type:"get",
url:"",
async:false,
dataType:'json',
contentType : "application/json",
success : function(data) {
if(data){
pare.removeClass('ok');
tips.html(' ');
}else{
pare.addClass('ok');
tips.html(user.attr('tip'));
}
}
});
}
})
})()
密码同理 只是密码不需要验证存不存在
二、判断
ajax回值得判断
!!!
拿以上为例
先判断成功与否,如果成功--->判断其下的变量是否存在,如果存在--->判断里面是否含有值。
并且对每个状态下都要做出响应,尤其是失败时,这样调试的时候方便调出错误。
以下的判断只是一个大概的方向,但真正用的时候要根据所传的参数具体分析。
返回的值
成功{
是否存在一级变量(存在){
是否有值(有值){
}
(无值){
}
}
(不存在){
}
}
失败{
}
有时判断变量存在与否和里面是否有值是一样的,如字符串类型。
一般方法
function checkValid(data){
if(data!=null && data!=undefined){
return true;
}
return false;
}
*****************************************************************************