jquery学习(f��n)�W�一节（普通验证）(j��)

lpinjava — Thu, 12 May 2011 06:20:00 GMT

�ȝ��Ҏ(gu��)��Q?br /> jquery中的��单方�?br /> 1 val() 可以获得节点的value�?nbsp;===document.getElementById().value
2 html() 可以获得节点的html�?br /> 3 click() 可已获得鼠标点击事�g
4 keyup()可以获得键盘弹�v事�g
5 addClass()、removeClass 可以�l�某个节�Ҏ(gu��)��加或删除一个class

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document TITLE>
<link rel="stylesheet" type="text/css" href="css/jquery.css">HEAD>
<script type="text/javascript" src="js/jquery-1.4.4.js">script>
<script type="text/javascript" src="js/jquery-js.js">script>

<BODY>
    误��入用户名�Q?br />     <input type="text" id="userName"  class="userText"/>
    <input type="button" id="button1" value="验证"/>
    <div id="validate">div>
BODY>
HTML>

/*******javascript**********/

//初始�?/span>
$(function(){

    //声明一个公共变�?nbsp;
    var userName=$("#userName");

    /*
    *    当鼠标按下时获取到文本框的值向后台发�?br />     */

    $("#button1").click(function(){
        var con=userName.val();
        if(con==''){
            $("#validate").html("��g��可�ؓ(f��)�I?/span>");
        }else{

            /*$.post(
                "",//路径
                {}, //参数
                function(data){
                    //回调函数
                }

            );*/
            $("#validate").html("用户名可�?/span>");
        }
    });

    //当输入错误的时�?nbsp;文本框的颜色为空如果为空�?nbsp;颜色为红�?/span>

    $("#userName").keyup(function(){
        var value=userName.val();
        if(value==''){
            userName.addClass("userText");//��d��q�种样式
        }else{
            userName.removeClass("userText");//删除�q�种样式
        }
    });
})

/******CSS*****/

/*�l�边框加颜色 */
.userText{
border: 1px solid red; /* 一个像素宽实线 �U�色*/
}

lpinjava 2011-05-12 14:20 发表评论

久久亚洲精品一区,老司机色在线视频,国产一区 二区

jquery学习(f��n)�W�一节（普通验证）(j��)

久久亚洲精品一区,老司机色在线视频,国产一区二区