先展示一下这个例子实现的效果：
页面刚刚加载的时候，显示如图所示：
当在文本框中输入数据后，文本框的红色标识消失，如图所示：
点击确定按钮后，会通过后台来向页面输出数据，如图所示：
前台的代码如下（asp.net）：
请输入用户名：

css()
.username { border:1px solid red; background-image:url(../images/userverify.gif); background-position:bottom; background-repeat:repeat-x; }
页面的后台代码如下：
using system; using system.collections.generic; using system.linq; using system.web; using system.web.ui; using system.web.ui.webcontrols; public partial class _default : system.web.ui.page { protected void page_load(object sender, eventargs e) { string username =httputility.urldecode(request.querystring[username]); //httpcontext.current.response.write(username); if (username != null) { response.write(您输入的是：+username); response.end(); } } }
添加的userverify.js文件如下：
/// //上面这句话，可以在我们当前的js里显示智能提示。 $(document).ready(function () { var username = $(#username); $(#verifybutton).click(function () { var value = username.val(); if (value==) { alert(请输入用户名！); } else { //两次encodeuri解决中文乱码问题 $.get(default.aspx?username=+ encodeuri(encodeuri(value)), function (response) { $(#returnval).html(response); }); } }); username.keyup(function () { var value = username.val; if (value != ) { username.removeclass(); } else { username.addclass(); } }); });
特别适合初学者学习的一个jquery入门小实例，希望大家喜欢，今天开始就陆续为大家整理有关jquery的知识点，也希望大家继续关注。