jquery 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Insert title here</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
    $(function() {
        //#找ID  .找class
        //alert()打印
        $('#tj').click(function() {
            var code = $('#code').val();
            var passWord = $('#passWord').val();
            var qrpassWord = $('#qrpassWord').val();
            if (code != '' && passWord != '' && qrpassWord != '') {
                if (passWord == qrpassWord) {
                    //提交表单
                    $('#insertUser').submit();
                } else {
                    alert("密码不相同！");
                }
            } else {
                alert("关键信息不能为空");
            }
        });

        $('#liaotiantijiao1,#liaotiantijiao2').click(function() {
            //attr是找标签中属性
            var value = $(this).attr('value');
            var info = $('#sendInfo'+value).val();
            var userName = $('#user'+value).text();
            if (info != '') {
                var neirong = $('#neirong').val();
                $('#neirong').val( neirong+"\n"+userName+":"+info);
            }

        });

    });
</script>
</head>
<body>
    <form id="insertUser" action="insertUser.action" method="post">
        帐号：<input id="code" name="code" type="text" /><br /> 密码：<input
            id="passWord" name="passWord" type="password" /><br /> 确认密码：<input
            id="qrpassWord" name="confirmPassWord" type="password" /><br /> 名字：<input
            name="name" type="text" /><br /> <input id="tj" class="abc"
            type="button" value="提交" /> <input type="text" id="info" />
    </form>

    <textarea id="neirong" rows="10" cols="50"></textarea>
    <br />
    <a id="user1">胡可嘉</a><input id="sendInfo1" type="text" />
    <button id="liaotiantijiao1" value="1">提交</button>
    
    <br/>
    
    <a id="user2">胡峰</a><input id="sendInfo2" type="text" />
    <button id="liaotiantijiao2" value="2">提交</button>

</body>
</html>

 

posted @ 2017-10-25 19:03  菜鸟777  阅读(197)  评论(0)    收藏  举报