소스 코드: 코드 복사 코드는 다음과 같습니다. / script> { <br>$("#content") .focus(function(){ <br>if ($(this).val()==this.defaultValue) { <br>$(this).val("" ); <br>//alert($( this).length-1); <br>} <br>}).blur(function(){ <br>if ($(this).val()== '') { <br>$(this) .val(this.defaultValue); <br>} <br>}) <br>$("#content").keyup(function(){ <br>// Alert($(this).val().length); <br>var word_num = 140 - $(this).val().length <br>if (words_num < 0) { <BR>//I 반환 값이 없다고 오해했습니다<BR>//$("font").text(function(words_num){ <BR>// return "<font color='red'>" word_num "< /font>"; <br>// }); <br>$("font").css('color','red').text(words_num); <br>}else{ <br>$( "글꼴").text(단어_숫자); <br>//alert(단어_숫자) <br>} <br>}) <br>}) <br><br>$(function(){ <br> $("#send").click( function(){ <br>$.post("post3.php", { <br>// 사용자 이름 : $("#username").val() , <br> content : $("#content").val() <br>}, function (data, textStatus){ <br>// var 사용자 이름 = data.username; <br>var content = data.content <br> // var txtHtml = "<div class ='comment'><h6>" 사용자 이름 ":</h6><p class='para'>" div>"; <br>var txtHtml = "<div><h3>" content "</h3></div>"; <br>$("#resText").html(txtHtml); // 반환된 데이터를 페이지에 추가합니다 <br>}) <br>}); 🎜><body> <br> <fieldset style="width:800px; margin-left:300px;"> <br><legend style="font-sixe:16px;font-weight: 600"> ;게시 상자</legend> <br><form action="#" id="form1"><!--enctype="multipart/form-data"--> <span id="num" style="font-size:28px;font-weight:800"><font color="green">140</font></span>문자<br>< ;textarea cols="96"row="8" id="content">글을 쓰세요.</textarea> <br><input type="button" id="send" value="Publish"/ > <br> </form> <br><div>보내주신 정보는 다음과 같습니다: </div> 🎜></ div> <br></body> <br><br> <br>렌더링: <br><br> <br>발생한 문제: <br><br> 주요 문제는 jquery 라이브러리입니다. jquery-1.3.1.js 파일을 사용하면 기능을 얻을 수 있지만 jquery-1.7.1.min.js 파일을 사용하면 아무런 효과가 없습니다! 소스코드의 문제점을 찾아보느라 많은 시간을 보냈습니다! !</div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
