jQuery - jQuery get 메서드 + 일반 프로세서 텍스트 상자 내용 처리
3092 단어 JavaScriptjquery
스스로 이 텍스트 상자의 검증 방식을 바꾸고 get 방법으로 데이터 처리를 했습니다: 1.제출 단추를 눌렀을 때 텍스트 상자가 비어 있으면 텍스트 상자가 빨간색 테두리로 변합니다.2. 다시 입력하면 텍스트 상자의 빨간색 테두리가 사라지고 입력한 후 제출을 누르십시오.3. jquery의 get 방법을 이용하여 백엔드 일반 처리 프로그램을 호출하여 백엔드의 데이터를 처리하고 처리한 후에 값을 백엔드로 되돌려줍니다.
코드:
html 코드:
<body>
<link type="text/css" rel="stylesheet" href="css/userVerify.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/userVerify.js"></script>
<form id="form1" runat="server">
<div>
:
<input id="txtUserName" type="text"/><input id="btnOk" type="button" value=" " />
</div>
<div id="result">
</div>
</form>
</body>
js 코드: 두 개의 이벤트를 등록했습니다.제출 버튼을 클릭하여 이벤트를 클릭합니다.2. 텍스트 상자 keyup 이벤트.
$(document).ready(function () {
// button ,
$('#btnOk').click(function () {
// txtUserName
var txtUser = $("#txtUserName");
//
var userName = txtUser.val();
//
if (userName.trim() == "") { //
$("#txtUserName").addClass("usertext")// class,
} else {
// get
$.get("HtmlPage1.ashx", { username: userName }, function (data) {
// div
$("#result").html(data);
});
}
});
// txtUserName ,
$('#txtUserName').keyup(function () {
//
var value = $(this).val();
if (value!="") {
// class,
$(this).removeClass("usertext");
}
});
});
일반 프로세서 코드:
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string strUserName = context.Request.QueryString["username"]; // username
if (strUserName == "yq")
{
context.Response.Write(" "); //
}
else
{
context.Response.Write(" :" + strUserName); //
}
}
css 코드:
.usertext {
border:1px solid red;
/* */
background-image:url(../imge/userVerify.gif);
background-repeat:repeat-x;
background-position:bottom;
}
요약:
전체 실례 코드는 두 부분으로 나눌 수 있다.jQuery의removeClass,ddClass 방법을 이용하여 텍스트 상자의 스타일을 제어합니다.2. jQuery의 get 방법을 이용하여 텍스트 상자의 내용을 백엔드에 전송하여 처리한다.
소스 주소:http://download.csdn.net/detail/suneqing/7424611
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.