相思资源网 Design By www.200059.com
先展示一下这个例子实现的效果:
页面刚刚加载的时候,显示如图所示:
当在文本框中输入数据后,文本框的红色标识消失,如图所示:
点击确定按钮后,会通过后台来向页面输出数据,如图所示:
前台的代码如下(asp.net):
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src="/UploadFiles/2021-04-02/jquery-1.9.1.min.js">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文件如下:
/// <reference path="jquery-1.9.1.min.js" /> //上面这句话,可以在我们当前的JS里显示智能提示。 $("document").ready(function () { var userName = $("#userName"); $("#verifyButton").click(function () { var value = userName.val(); if (value=="") { alert("请输入用户名!"); } else { //两次encodeURI解决中文乱码问题 $.get("Default.aspx"+ encodeURI(encodeURI(value)), function (response) { $("#returnVal").html(response); }); } }); userName.keyup(function () { var value = userName.val; if (value != "") { userName.removeClass(); } else { userName.addClass(); } }); });特别适合初学者学习的一个Jquery入门小实例,希望大家喜欢,今天开始就陆续为大家整理有关jquery的知识点,也希望大家继续关注。
相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com
暂无JQuery入门基础小实例(1)的评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。