jQuery手机登录注册表单代码

jQuery手机登录注册表单代码

这是一款jQuery手机登录注册表单代码,通过$(window).load()和window.onload=function(){}页面加载执行,代码是纯净版的,完整无错。

使用方法
在页面加载jquery-1.7.2.min.js文件

1
2
3
4
5
6
<script>
$(window).load(function() {
    $("#status").fadeOut();
    $("#preloader").delay(350).fadeOut("slow");
})
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<script type="text/javascript" >
$(function() {
    $(".input-close").hide();
    displayPwd();
    remember();
    showActionError();
    autoHeight_login();
    dispValidateCode();
    displayClearBtn();
    setTimeout(displayClearBtn, 200 ); //延迟显示,应对浏览器记住密码
});
     
//是否显示清除按钮
function displayClearBtn(){
    if(document.getElementById("username").value != ''){
        $("#username").siblings(".input-close").show();
    }
    if(document.getElementById("password").value != ''){
        $(".ciphertext").siblings(".input-close").show();
    }
    if($("#codeLevel").val()!="" && $("#codeLevel").val()!='0'){
        if($("#validateCode").val()!=""){
            $("#validateCode").siblings(".input-close").show();
        }
    }
}
     
//清除input内容
$('.input-close').click(function(e){  
    $(e.target).parent().find(":input").val("");
    $(e.target).hide();
    $($(e.target).parent().find(":input")).each(function(i){
        if(this.id=="ptext" || this.id=="password"){
            $("#password").val('');
            $("#ptext").val('');
        }
     });
});  
     
//设置password字段的值    
$('.txt-password').bind('input',function(){
    $('#password').val($(this).val());
});
     
//显隐密码切换
function displayPwd(){
    $(".tp-btn").toggle(
      function(){
        $(this).addClass("btn-on");
        var textInput = $(this).siblings(".plaintext");
        var pwdInput = $(this).siblings(".ciphertext");
        pwdInput.hide();
        textInput.val(pwdInput.val()).show().focusEnd();
      },
      function(){
        $(this).removeClass("btn-on");
        var textInput = $(this).siblings(".plaintext ");
        var pwdInput = $(this).siblings(".ciphertext");
        textInput.hide();
        pwdInput.val(textInput.val()).show().focusEnd();
      }
    );
}
     
//一个月免登陆切换
function remember(){
    $("#rememberMe").toggle(
      function(){
        $(this).removeClass("login-free-selected");
         $('#remember').val("false");
      },
      function(){
        $(this).addClass("login-free-selected");
         $('#remember').val("true");
      }
    );
}
     
//监控用户输入
$(":input").bind('input propertychange', function() {
    if($(this).val()!=""){
        $(this).siblings(".input-close").show();
    }else{
        $(this).siblings(".input-close").hide();
    }
});
</script>

文件信息:

    0

    发表评论