【Jquery】插件—Watermark实现自定义文本框水印

  1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
  2 <!-- saved from url=(0086)http://www.rainweb.cn/JavaScript/jquery.watermark-2.0/jquery.watermark.htm -->
  3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><HTML><HEAD>
  4 <META content="text/html;charset=utf-8" http-equiv="Content-Type"><TITLE>jQuery 
  5 Watermark</TITLE>
  6 <SCRIPT type="text/javascript" src="jQuery的水印_files/jsapi.js"></SCRIPT>
  7 
  8 <SCRIPT type="text/javascript">google.load("jquery", "1.3.2");</SCRIPT>
  9 
 10 <SCRIPT type="text/javascript" src="jQuery的水印_files/jquery.watermark-2.0.min.js"></SCRIPT>
 11 
 12 <STYLE type="text/css" media="screen">
 13         .watermark {
 14             color: #999 !important;
 15         }
 16         .watermark2 {
 17             color: #999 !important;
 18             font-style: italic !important;
 19         }
 20         .watermark3 {
 21             color: #c77 !important;
 22         }
 23 
 24         html {
 25             color: #000;
 26             background: #fff;
 27         }
 28         body {
 29             margin: 10px;
 30             font: 12px Verdana, Geneva, sans-serif;
 31         }
 32         h1 {
 33             margin: 30px 0 10px;
 34             font: bold 24px "Segoe UI", Arial, Helvetica, sans-serif;
 35         }
 36         h2 {
 37             margin: 10px 0 20px;
 38             font: bold 18px "Segoe UI", Arial, Helvetica, sans-serif;
 39         }
 40         h3 {
 41             margin: 30px 0 10px;
 42             font: bold 22px "Segoe UI", Arial, Helvetica, sans-serif;
 43         }
 44         form.cmxform fieldset {
 45             margin-bottom: 10px;
 46         }
 47         form.cmxform legend {
 48             padding: 0 5px;
 49             font: bold 16px "Segoe UI", Arial, Helvetica, sans-serif;
 50         }
 51         form.cmxform label {
 52             display: inline-block;
 53             line-height: 1.8;
 54             vertical-align: top;
 55         }
 56         form.cmxform fieldset ol {
 57             margin: 10px 4px;
 58             padding: 0;
 59         }
 60         form.cmxform fieldset li {
 61             list-style: none;
 62             padding: 3px;
 63             margin: 0;
 64         }
 65         form.cmxform fieldset fieldset {
 66             border: none;
 67             margin: 3px 0 0;
 68         }
 69         form.cmxform fieldset fieldset legend {
 70             padding: 0 0 5px;
 71             font-weight: normal;
 72         }
 73         form.cmxform fieldset fieldset label {
 74             display: block;
 75             width: auto;
 76         }
 77         form.cmxform em {
 78             font-weight: bold;
 79             font-style: normal;
 80             color: #f00;
 81         }
 82         form.cmxform label {
 83             width: 120px; /* Width of labels */
 84         }
 85         form.cmxform input[type=text],
 86         form.cmxform input[type=password] {
 87             width: 160px;
 88             font: 14px "Segoe UI", Arial, Helvetica, sans-serif;
 89         }
 90         form.cmxform textarea {
 91             width: 400px;
 92             font: 14px/22px "Segoe UI", Arial, Helvetica, sans-serif;
 93         }
 94         #toc li {
 95             margin: 4px 0;
 96         }
 97         #toc a {
 98             text-decoration: none;
 99             border-bottom: 1px solid #66c;
100             color: #00c;
101             outline: none;
102         }
103         a.top {
104             position: absolute;
105             right: 10px;
106             text-decoration: none;
107             border: 1px solid #99f;
108             border-top-color: #ddf;
109             border-left-color: #ddf;
110             padding: 3px 6px;
111             color: #00c;
112             outline: none;
113         }
114         #foot {
115             margin: 100px 0 30px;
116             border-top: 1px solid #ccc;
117             padding-top: 4px;
118             font: 11px Verdana, Geneva, sans-serif;
119         }
120         #foot p {
121             margin: 4px 0;
122         }
123         #foot h1 {
124             margin: 20px 0 4px;
125             font: bold 13px "Segoe UI", Arial, Helvetica, sans-serif;
126         }
127         #foot ul,
128         #foot li {
129             margin: 4px 0;
130         }
131         #foot a {
132             text-decoration: none;
133             border-bottom: 1px solid #66c;
134             color: #00c;
135             outline: none;
136         }
137     </STYLE>
138 
139 <META name="GENERATOR" content="MSHTML 9.00.8112.16441"></HEAD>
140 <BODY>
141 <H1>jQuery Watermark Plugin</H1>
142 <H2>v 2.0</H2>
143 <FIELDSET id="summary">
144 <P>This jQuery plugin will easily create watermark hints in input and textarea 
145 elements.</P>
146 <P><STRONG>Features:</STRONG></P>
147 <UL>
148   <LI>Watermark style is controlled by CSS classes</LI>
149   <LI>Each input element can have its own independent watermark text and 
150   class/style</LI>
151   <LI>Plugin automatically removes all watermarks prior to form submission</LI>
152   <LI>Both watermark text and CSS class name can be changed dynamically</LI>
153   <LI>Visual Studio Intellisense-compatible documentation included in 
154 source</LI>
155   <LI>Comes with jQuery selector extension ":data(...)" (documented in 
156   source)</LI>
157   <LI>Password input automatically switches back to obfuscated text when 
158   focused</LI>
159   <LI>Minified version is very compact — under 3,000 bytes</LI></UL>
160 <P><STRONG>Demonstrations:</STRONG></P>
161 <UL id="toc">
162   <LI><A href="http://www.rainweb.cn/JavaScript/jquery.watermark-2.0/jquery.watermark.htm?d4-address=#1">Demo 
163   1</A> – Simple watermark</LI>
164   <LI><A href="http://www.rainweb.cn/JavaScript/jquery.watermark-2.0/jquery.watermark.htm?d4-address=#2">Demo 
165   2</A> – Several watermarks created with one statement + different class 
166   name</LI>
167   <LI><A href="http://www.rainweb.cn/JavaScript/jquery.watermark-2.0/jquery.watermark.htm?d4-address=#3">Demo 
168   3</A> – Watermark changed dynamically (countdown timer)</LI>
169   <LI><A href="http://www.rainweb.cn/JavaScript/jquery.watermark-2.0/jquery.watermark.htm?d4-address=#4">Demo 
170   4</A> – Multi-line watermark in a TEXTAREA tag</LI>
171   <LI><A href="http://www.rainweb.cn/JavaScript/jquery.watermark-2.0/jquery.watermark.htm?d4-address=#5">Demo 
172   5</A> – Watermark in a password input element</LI></UL></FIELDSET>
173 <FORM id="demo1" class="cmxform" method="GET" action="">
174 <H3>Demonstration 1</H3>
175 <FIELDSET><LEGEND>Country uses simple watermark</LEGEND>
176 <OL>
177   <LI><LABEL for="d1-name">Name <EM>*</EM></LABEL> <INPUT id="d1-name"></LI>
178   <LI><LABEL for="d1-address1">Address <EM>*</EM></LABEL> <INPUT id="d1-address1"></LI>
179   <LI><LABEL for="d1-town-city">Town/City <EM>*</EM></LABEL> <INPUT id="d1-town-city"></LI>
180   <LI><LABEL for="d1-state">State/Province <EM>*</EM></LABEL> <INPUT id="d1-state"></LI>
181   <LI><LABEL for="d1-postcode">Zip/Postcode <EM>*</EM></LABEL> <INPUT id="d1-postcode"></LI>
182   <LI><LABEL for="d1-country">Country</LABEL> <INPUT id="d1-country" name="d1-country"></LI>
183   <LI><LABEL></LABEL> <INPUT value="Submit" type="submit"> &nbsp; <INPUT id="d1-countryFocus" value="Set Focus to Country" type="button"></LI>
184   <LI><LABEL></LABEL> • This is a normal <STRONG>type="submit"</STRONG> 
185   button.</LI>
186   <LI><LABEL></LABEL> • Check the QueryString after clicking to verify that a 
187   watermark value is never submitted.</LI></OL></FIELDSET></FORM>
188 <FORM id="demo2" class="cmxform" method="GET" action="">
189 <H3>Demonstration 2</H3>
190 <FIELDSET><LEGEND>Several watermarks created with one statement + different 
191 class name</LEGEND>
192 <OL>
193   <LI><LABEL for="d2-name">Name</LABEL> <INPUT id="d2-name" class="required" 
194   name="d2-name"></LI>
195   <LI><LABEL for="d2-address1">Address</LABEL> <INPUT id="d2-address1" class="required" 
196   name="d2-address1"></LI>
197   <LI><LABEL for="d2-town-city">Town/City</LABEL> <INPUT id="d2-town-city" 
198   class="required" name="d2-town-city"></LI>
199   <LI><LABEL for="d2-state">State/Province</LABEL> <INPUT id="d2-state" class="required" 
200   name="d2-state"></LI>
201   <LI><LABEL for="d2-postcode">Zip/Postcode</LABEL> <INPUT id="d2-postcode" 
202   class="required" name="d2-postcode" maxLength="5"> (maxlength=5, but watermark 
203   is longer)</LI>
204   <LI><LABEL for="d2-country">Country</LABEL> <INPUT id="d2-country"></LI>
205   <LI><LABEL></LABEL> <INPUT id="d2-submit" value="Submit" type="button"></LI>
206   <LI><LABEL></LABEL> • This Submit button issues a call to the <STRONG>form 
207   (DOM object) submit() function</STRONG> (programmatic submit).</LI>
208   <LI><LABEL></LABEL> • Check the QueryString after clicking to verify that a 
209   watermark value is never submitted.</LI></OL></FIELDSET></FORM>
210 <FORM id="demo3" class="cmxform" method="GET" action="">
211 <H3>Demonstration 3</H3>
212 <FIELDSET><LEGEND>Shows how watermark can be changed dynamically</LEGEND>
213 <OL>
214   <LI><LABEL for="d3-name">Name <EM>*</EM></LABEL> <INPUT id="d3-name"></LI>
215   <LI><LABEL for="d3-address1">Address <EM>*</EM></LABEL> <INPUT id="d3-address1"></LI>
216   <LI><LABEL for="d3-town-city">Town/City <EM>*</EM></LABEL> <INPUT id="d3-town-city"></LI>
217   <LI><LABEL for="d3-state">State/Province <EM>*</EM></LABEL> <INPUT id="d3-state"></LI>
218   <LI><LABEL for="d3-postcode">Zip/Postcode <EM>*</EM></LABEL> <INPUT id="d3-postcode"></LI>
219   <LI><LABEL for="d3-country">Country</LABEL> <INPUT id="d3-country" name="d3-country"> 
220   <EM style="display: none;" id="d3-tip">Clear input to restart timer</EM></LI>
221   <LI><LABEL></LABEL> <INPUT id="d3-submit" value="Submit" type="button"></LI>
222   <LI><LABEL></LABEL> • This Submit button issues a call to the <STRONG>jQuery 
223   submit() trigger</STRONG> (programmatic submit).</LI>
224   <LI><LABEL></LABEL> • Check the QueryString after clicking to verify that a 
225   watermark value is never submitted.</LI></OL></FIELDSET></FORM>
226 <FORM id="demo4" class="cmxform" method="GET" action="">
227 <H3>Demonstration 4</H3>
228 <FIELDSET><LEGEND>Multi-line watermark in a TEXTAREA tag</LEGEND>
229 <OL>
230   <LI><LABEL for="d4-name">Name <EM>*</EM></LABEL> <INPUT id="d4-name"></LI>
231   <LI><LABEL for="d4-address">Address <EM>*</EM></LABEL> <TEXTAREA id="d4-address" cols="60" rows="4" name="d4-address"></TEXTAREA></LI>
232   <LI><LABEL for="d4-country">Country</LABEL> <INPUT id="d4-country"></LI>
233   <LI><LABEL></LABEL> <INPUT value="Submit" type="submit"></LI>
234   <LI><LABEL></LABEL> • This is a normal <STRONG>type="submit"</STRONG> 
235   button.</LI>
236   <LI><LABEL></LABEL> • Check the QueryString after clicking to verify that a 
237   watermark value is never submitted.</LI></OL></FIELDSET></FORM>
238 <FORM id="demo5" class="cmxform" method="GET" action="">
239 <H3>Demonstration 5</H3>
240 <FIELDSET><LEGEND>Watermark in a password input element</LEGEND>
241 <OL>
242   <LI><LABEL for="d5-username">Username <EM>*</EM></LABEL> <INPUT id="d5-username" 
243   name="d5-username"></LI>
244   <LI><LABEL for="d5-password">Password <EM>*</EM></LABEL> <INPUT id="d5-password" 
245   name="d5-password" maxLength="10" type="password"></LI>
246   <LI><LABEL></LABEL> <INPUT value="Submit" type="submit"></LI>
247   <LI><LABEL></LABEL> • <STRONG>Do not enter any real passwords 
248   here!</STRONG>&nbsp; Use something like "test".</LI>
249   <LI><LABEL></LABEL> • It is not safe to set a watermarked password 
250   programmatically, so it's best to avoid.</LI>
251   <LI><LABEL></LABEL> • This is a normal <STRONG>type="submit"</STRONG> 
252   button.</LI>
253   <LI><LABEL></LABEL> • Check the QueryString after clicking to verify that a 
254   watermark value is never submitted.</LI></OL></FIELDSET></FORM>
255 <DIV id="foot">
256 <P>Watermark plugin for jQuery</P>
257 <P>Copyright © 2009 Todd Northrop</P>
258 <P>Visit Speednet Group at <A 
259 href="http://www.speednet.biz/">http://www.speednet.biz/</A></P>
260 <H1>Other recent projects:</H1>
261 <UL>
262   <LI><A href="http://tinyautosave.googlecode.com/">Auto-Save plugin for 
263   TinyMCE</A></LI>
264   <LI><A href="http://www.lotterypost.com/gadget">Lottery Results Gagdet for 
265   Windows&nbsp;Vista&nbsp;&amp; Windows&nbsp;7</A></LI></UL></DIV>
266 <SCRIPT type="text/javascript">
267     // ** DEMO 1 *************
268     $(function () {
269         $("#d1-country").watermark("Leave blank for USA");
270         $("#d1-countryFocus").click(
271             function () {
272                 $("#d1-country")[0].focus();
273             }
274         );
275     });
276 
277     // ** DEMO 2 *************
278     $(function () {
279         $("#demo2 .required").watermark("Required", "watermark2");
280         $("#d2-submit").click(
281             function () {
282                 this.form.submit();
283             }
284         );
285     });
286 
287     // ** DEMO 3 *************
288     var $d3 = $("#d3-country"), $d3tip = $("#d3-tip"), c = 11, timer;
289     
290     function countdown() {
291         if (--c == 0) {
292             $d3.val("United States").watermark();
293             $d3tip.show();
294         }
295         else {
296             $d3.watermark("Auto-select in: " + c, (c>5)? "watermark" : "watermark3");
297             timer = window.setTimeout(countdown, 1000);
298         }
299     }
300     
301     $(function () {
302         timer = window.setTimeout(countdown, 1000);
303         $d3.focus(
304             function () {
305                 if (timer) {
306                     window.clearTimeout(timer);
307                 }
308             }
309         ).blur(
310             function () {
311                 if ($d3.val().length == 0) {
312                     c = 11;
313                     $d3tip.hide();
314                     countdown();
315                 }
316             }
317         );
318         $("#d3-submit").click(
319             function () {
320                 $(this.form).submit();
321             }
322         );
323     });
324     
325     // ** DEMO 4 *************
326     $(function () {
327         $("#d4-address").watermark("Full street address\nCity, state and zip\nUse as many lines as necessary.");
328     });
329 
330     // ** DEMO 5 *************
331     $(function () {
332         $("#d5-username").watermark("Enter your username");
333         $("#d5-password").watermark("Enter your password");
334     });
335 
336     // ** Table of Contents *************
337     $("#toc li a").each(function () {
338         var i = this.hash.slice(1), y = $("#demo" + i).offset().top;
339         
340         $(this).click(function () {
341             window.scrollTo(0, y - 20);
342             return false;
343         });
344         
345         $('<a href="#" class="top">&uArr; Top of page</a>').appendTo("body").css("top", y + 20).click(function () {
346             window.scrollTo(0, 0);
347             return false;
348         });
349     });
350 </SCRIPT>
351 </BODY></HTML>

预览：http://www.rainweb.cn/JavaScript/jquery.watermark-2.0/jquery.watermark.htm

C# 开发教程-入门基础天马3798 教程系列整理 c#开发语言
1.C#简介、环境，程序结构2.C#基本语法，变量，控制局域，数据类型，类型转换3.C#数组、循环，Linq4.C#类，封装，方法5.C#枚举、字符串6.C#面相对象，继承，封装，多态7.C#特性、属性、反射、索引器8.C#委托，事件，集合，泛型9.C#匿名方法10.C#多线程更多：JQuery开发教程入门基础Vue开发基础入门教程Vue开发高级学习教程
html 删除事件,html 事件的添加和删除列蒂齐亚 html 删除事件
jQuery在jQuery1.7版本中bind()unbind(),live()die(),on()off(),delegate()下面我们给li元素添加事件bind()旧版写法:事件不能适用脚本创建的新元素live()旧版写法:适用脚本创建的新元素写法，但性能极不好on()新版写法，事件不能适用脚本创建的新元素(接收多个函数绑定)这三种方法都是基于要给添加事件的元素本身。$("ulli").bi
动态生成的html元素绑定click事件 .NET跨平台 Jquery及其组件 html jquery
第一篇博客，开启技术博客的生涯，欢迎大家批评指教（坚信妹子也可以做好程序猿）今天想说帮公司做项目的时候遇到的一个小问题，动态添加html元素以后再去事件监听出问题。在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况。就是上面的一张表格要动态实现添加行，然后序列号还要随着增加，当删除的时候序列号依旧是按顺序排列。刚开始使用jQuery的on方法来解决，但是发现一个问题会出现事件绑定很多次
前端页面实现table可拖动改变列宽牧码人 js jQuery js 表格拖动 css colResizable
此处实现页面的table表格可以自由拖动列宽，拖动时表格内文字不换行，超出部分以...代替，实现步骤如下：1.首先引入jQuery和colResizable的js文件，colResizable支持表格拖动改变列宽，但基于jQuery，（1）colResizable可以去：http://www.bacubacu.com/colresizable/#rangeSlider下载（2）引入文件：2.编写j
关于jquery的on(“click”,function(){}),事件绑定无效微特尔普拉斯 javascript jquery
之前在做jquery时,遇到一个问题,就是我在append一个给啊标签绑定click点击事件时不起作用,jquery的版本时3.4.1,也找不到起的错误.就是没触发:$(self).find(".comment-action.cancel").off("click");//console.log("点击了取消回复的按钮!");$(self).find(".comment-action.cancel
（hilo）摇钱树项目梳理大胡子111
摇钱树项目用到了：1.jquery（js库）2.hilo.js(游戏框架)3.tida.js（淘宝相关api--要在淘宝中实现摇一摇功能）4.原生陀螺仪（因为要在微信中实现摇一摇功能）5.静态文件资源预加载项目组成部分：1.摇钱树2.摇一摇按钮3.树下礼包4.游戏标题5.树上的红包和金币6.音乐7.获奖记录7.活动规则（活动说明/玩法介绍）8.红包雨下落9.地上红包10.获奖/失败层11.玩法介绍
jQuery Easyui 源码分析之combo组件 90后北京程序员前端-easyui easyui之combobox
/***jQueryEasyUI1.3.1*该源码完全由压缩码翻译而来，并非网络上放出的源码，请勿索要。*/(function($){functionsetSize(target,width){varopts=$.data(target,"combo").options;varcombo=$.data(target,"combo").combo;varpanel=$.data(target,"co
jquery打包到webpack项目不cong明的亚子前端 webpack jquery javascript
入口文件—index.jswindow.$=require('jquery')webpack.config.jsconstwebpack=require('webpack')module.exports={...plugins:[...newwebpack.ProvidePlugin({$:'jquery',jQuery:'jquery'})...]...}
通过前端实现导出生成pdf文件并下载银河小铁皮 vue 原生JS 前端 javascript vue.js
通过前端实现导出生成pdf文件并下载使用jspdf.js+html2canvas插件，实现前端生成pdf并下载的功能步骤如下1、先通过npm安装插件npminstalljspdf.jsnpminstallhtml2canvas2、单独在utils文件夹下，新建文件，存放处理代码/*eslint-disable*///不使用JQuery版的importhtml2canvasfrom'html2can
java计算机毕业设计Vue潍坊学院宿舍管理系统设计与实现MyBatis+系统+LW文档+源码+调试部署一梵sheji288 java mybatis vue.js
java计算机毕业设计Vue潍坊学院宿舍管理系统设计与实现MyBatis+系统+LW文档+源码+调试部署java计算机毕业设计Vue潍坊学院宿舍管理系统设计与实现MyBatis+系统+LW文档+源码+调试部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、
TypeScript---类型批注 Anglie
TS通过类型批注提供静态类型，方便在编译时启动类型检查，这不是必须的，甚至可以被忽略，去使用js常规的动态类型。基本类型的批注是number,bool,string,弱类型或动态类型的结构可以是任意类型。将类型批注导出到一个单独的文件，方便使用类型已经被编译成为js的ts脚本的类型信息可用。批注可以为一个现有的js库声明。就像已经为node.js和jquery.js所做的那样。当没有给出类型时，T
基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件练练科技 java 课程设计 mysql
基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件基于Java毕业设计新锐台球厅管理系统源码+系统+mysql+lw文档+部署软件本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码
java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署鸿源网络数据库 mysql java
java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署java计算机毕业设计高校学生资助管理信息系统源码+mysql数据库+系统+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQ
基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署源新网络 java 开发语言
基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署基于JAVA高校毕业就业管理系统计算机毕业设计源码+数据库+lw文档+系统+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码
jQuery选择器 VaporGas 前端 jquery 前端 javascript 学习
jQuery选择器jQuery选择器类似于CSS选择器，用来选取网页中的元素$("h3").css("background","#09F");代码分析：获取并设置网页中所有元素的背景“h3”为选择器语法，必须放在$()中$(“h3”)返回jQuery对象.css()是为jQuery对象设置样式的方法jQuery选择器分类jQuery选择器功能强大，种类也很多，分类如下：类CSS选择器基本选择器层次
Java架构师学习路线网络全息测量心得体会
(1)第一步：研究spring,hibernate。通过研究jeecms开源框架。也同时学习css,html,javascript,jquery.以前都学习过，不过没有系统学习过，现在必须系统学习。同时看cms相关的论文。然后，改造jeecms能够改为自己的一个开源框架，以后开发cms系统都用我自己开发的框架，作为第一阶段的成果。(2)第二步：学习开源工作流引擎Activiti5，jbpm4.4以
AJAX实时表单验证系统三年九班蓝同学
本文还有配套的精品资源，点击获取简介：在网页开发中，"ajax验证表单"是一项关键任务，确保数据符合格式和规则，提升数据质量和用户体验。本应用通过使用JavaScript和XMLHttpRequest对象实现后台验证，无需页面刷新。它包括前端验证、事件处理、Ajax调用、服务器端处理、响应处理、用户体验和安全性等关键步骤，以jQuery库简化开发流程，创建高效、安全的表单验证系统。1.表单验证的重
利用jQuery框架的ajax请求获取json格式的数据听海边涛声 jquery ajax json
Document$('#btn').click(()=>{$.get('http://localhost:8080/jsajaxproject/jquery_json','username=tom&age=20',(data)=>{//alert(data)alert(data.name+'\t'+data.age+'\t'+data.gender)},'json')})点击按钮：
jquery加载页面的方法(页面加载完成就执行) JaosnY JQuery jquery 自动加载
转自http://www.jb51.net/article/27444.htmjquery加载页面的方法(页面加载完成就执行),建议大家看下windows.onload与$(document).ready之间的区别。1、$(function(){$("#a").click(function(){//addingyourcodehere});});2、$(document).ready(functi
jquery事件上心心上
jquery事件事件函数列表：blur()元素失去焦点focus()元素获得焦点change()表单元素的值发生变化click()鼠标单击dblclick()鼠标双击mouseover()鼠标进入（进入子元素也触发）mouseout()鼠标离开（离开子元素也触发）mouseenter()鼠标进入（进入子元素不触发）mouseleave()鼠标离开（离开子元素不触发）hover()同时为mousee
node模块 weiweiweb888 前端 javascript bootstrap
模块系统模块化介绍传统开发的问题随着项目的扩大，然后代码就越来越庞大，如果没有很好的规划，后期维护非常复杂（甚至就维护不了）。比如：前端html中有很多特效会依赖js文件。比如：index.html:bootstrap以上就是一个依赖关系，bootstrap依赖于jquery。先引入jquery后引入bootstrap。而且随着项目的扩大，我们的html页面也就随之增加，并且每一个html页面都会
jQuery中的ajax通信技术的讲解盛夏绽放 jquery ajax okhttp
jQuery提供了多种方法来处理AJAX请求，这些方法简化了异步请求的创建和处理。以下是一些常用的jQueryAJAX方法及其演示：1.$.ajax()（1）解释这个方法是最基础也是最强大的AJAX方法，它可以接受一个配置对象来构建并发送HTTP请求。（2）示例：这是一个GET请求模版$.ajax({url:'https://api.example.com/data',//请求的URL地址type
记录-小程序720°VR（跳转H5页面实现）久违的小技巧小程序小程序 vr javascript
全景浏览提前准备1拍照支架/照片合成软件（KolorAutopanoGiga4.0）或者全景相机2pannellum（pannellum是一个轻量级、免费和开源的Web全景查看器。它使用HTML5、CSS3、JavaScript和WebGL构建，没有插件。）3H5页面引入pannellum.js/css文件，swiper/jquery文件（因为需要在全景图底部显示可切换图片，与dom操作/ajax
HTML表格一壶浊酒.. 前端开发 html 前端
table,tr,td{border:lpxsolidsilver;}表格标题表头单元格HTMLCSSJavaScriptJQuery标准单元格合并行：rowspan在HTML中，我们可以使用rowspan属性来合并行。所谓的合并行，指的是将“纵向的N个单元格”合并。rowspan属性table,tr,td{border:1pxsolidsilver;}姓名:小明喜欢水果:苹果香蕉合并列：cols
前端篇—ajax wolf67 Django django js ajax
文章目录前言一、基于JS的ajax实现1.1基础1.2完整代码示例1.3应用二、JSON和JSONP2.1什么是JSON2.2JSON语法2.3应用2.4json与django交互2.5json与xml比较三、基于jQuery的ajax实现3.1基础方法3.2快捷方法用法示例四、跨域请求4.1同源机制4.2jsonp的js实现（未完成）4.3jsonp的jQuery实现4.4jsonp的ajax实
菜谱推荐系统(前台android原生,后台java,SSH,mysql) weixingliang_123 菜谱食谱 android 数据库 java 编程语言 mysql
Android菜谱推荐系统(前台android原生,后台java,SSH,mysql)(程序代码,MySQL数据库)【运行环境】MyEclipse(后台)Eclipse(前台)JDK1.7tomcat7【技术栈】JAVA,JSP,mvc,SSH,MYSQL,HTML,CSS,JAVASCRIPT,JQUERY,android原生【项目包含内容】【下载全套源码】【项目功能介绍】
【jQuery】前端八股文面试题菜鸟una 前端八股文面试题前端 jquery javascript
jQuery这个问的没有那么多，暂时我被问到的就这几个。大家可以直接订阅专栏。文章目录jQuery1.jQuery常见的方法有哪几个？2.在jQuery中，常见使用委托的事件有哪些？1）点击事件（click）2）鼠标悬停事件（mouseenter和mouseleave）3）表单提交事件（submit）4）输入框变化事件（change）3.在jQuery中，常见的鼠标事件方法有哪些？1）click（
jQuery第八章原生ajax 小涛涛啊！ jquery jquery
第八章原生ajax1：ajax的概念AJAX=AsynchronousJavaScriptandXML（异步的JavaScript和XML）。AJAX不是新的编程语言，而是一种使用现有标准的新方法。*AJAX异步请求数据。什么是AJAX？AJAX=异步JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着
java计算机毕业设计生产管理系统源代码+数据库+系统+lw文档影伴设计 java 开发语言前端
java计算机毕业设计生产管理系统源代码+数据库+系统+lw文档java计算机毕业设计生产管理系统源代码+数据库+系统+lw文档本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8.0源码地址：https://pan.b
第三章：发送AJAX请求的几种方式 Muko_0x7d2 AJAX ajax
1.jquery发送Ajax请求1.1引进jQuery资源进入bootcdn.cn网站搜索jQuery复制script标签放到目标html文件head标签中添加跨源的属性的设置crossorigin="anonymous"1.2jQuery发送请求的四个参数：url参数（可以没有）函数响应体类型（一般为json）1.3GET请求请求类型为get参数在名称里面//1.发送GET请求$('button
PHP，安卓，UI，java，linux视频教程合集 cocos2d-x小菜 java UI PHP android linux
╔-----------------------------------╗┆
各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。 bozch .net .net mvc
在.net mvc5中，在执行某一操作的时候，出现了如下错误：各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。经查询当前的操作与错误内容无关，经过对错误信息的排查发现，事故出现在数据库迁移上。回想过去：在迁移之前已经对数据库进行了添加字段操作，再次进行迁移插入XXX字段的时候，就会提示如上错误。 &
Java 对象大小的计算 e200702084 java
Java对象的大小如何计算一个对象的大小呢？
Mybatis Spring 171815164 mybatis
ApplicationContext ac = new ClassPathXmlApplicationContext("applicationContext.xml"); CustomerService userService = (CustomerService) ac.getBean("customerService"); Customer cust
JVM 不稳定参数 g21121 jvm
-XX 参数被称为不稳定参数，之所以这么叫是因为此类参数的设置很容易引起JVM 性能上的差异，使JVM 存在极大的不稳定性。当然这是在非合理设置的前提下，如果此类参数设置合理讲大大提高JVM 的性能及稳定性。可以说“不稳定参数”
用户自动登录网站永夜-极光用户
1.目标:实现用户登录后,再次登录就自动登录,无需用户名和密码 2.思路:将用户的信息保存为cookie 每次用户访问网站,通过filter拦截所有请求,在filter中读取所有的cookie,如果找到了保存登录信息的cookie,那么在cookie中读取登录信息,然后直接
centos7 安装后失去win7的引导记录程序员是怎么炼成的操作系统
1.使用root身份(必须)打开 /boot/grub2/grub.cfg 2.找到 ### BEGIN /etc/grub.d/30_os-prober ### 在后面添加 menuentry "Windows 7 (loader) (on /dev/sda1)" {
Oracle 10g 官方中文安装帮助文档以及Oracle官方中文教程文档下载 aijuans oracle
Oracle 10g 官方中文安装帮助文档下载：http://download.csdn.net/tag/Oracle%E4%B8%AD%E6%96%87API%EF%BC%8COracle%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%EF%BC%8Coracle%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3 Oracle 10g 官方中文教程
JavaEE开源快速开发平台G4Studio_V3.2发布了無為子 AOP oracle mysql javaee G4Studio
我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V3.2版本已经正式发布。大家可以通过如下地址下载。访问G4Studio网站 http://www.g4it.org G4Studio_V3.2版本变更日志功能新增 (1).新增了系统右下角滑出提示窗口功能。 (2).新增了文件资源的Zip压缩和解压缩
Oracle常用的单行函数应用技巧总结百合不是茶日期函数转换函数(核心)数字函数通用函数(核心)字符函数
单行函数; 字符函数,数字函数,日期函数,转换函数(核心),通用函数(核心) 一:字符函数: .UPPER(字符串) 将字符串转为大写 .LOWER (字符串) 将字符串转为小写 .INITCAP(字符串) 将首字母大写 .LENGTH (字符串) 字符串的长度 .REPLACE(字符串,'A','_') 将字符串字符A转换成_
Mockito异常测试实例 bijian1013 java 单元测试 mockito
Mockito异常测试实例： package com.bijian.study; import static org.mockito.Mockito.mock; import static org.mockito.Mockito.when; import org.junit.Assert; import org.junit.Test; import org.mockito.
GA与量子恒道统计 Bill_chen JavaScript 浏览器百度 Google 防火墙
前一阵子，统计**网址时，Google Analytics（GA）和量子恒道统计（也称量子统计），数据有较大的偏差，仔细找相关资料研究了下，总结如下：为何GA和量子网站统计（量子统计前身为雅虎统计）结果不同？首先：没有一种网站统计工具能保证百分之百的准确出现该问题可能有以下几个原因：（1）不同的统计分析系统的算法机制不同；（2）统计代码放置的位置和前后
【Linux命令三】Top命令 bit1129 linux命令
Linux的Top命令类似于Windows的任务管理器，可以查看当前系统的运行情况，包括CPU、内存的使用情况等。如下是一个Top命令的执行结果： top - 21:22:04 up 1 day, 23:49, 1 user, load average: 1.10, 1.66, 1.99 Tasks: 202 total, 4 running, 198 sl
spring四种依赖注入方式白糖_ spring
平常的java开发中，程序员在某个类中需要依赖其它类的方法，则通常是new一个依赖类再调用类实例的方法，这种开发存在的问题是new的类实例不好统一管理，spring提出了依赖注入的思想，即依赖类不由程序员实例化，而是通过spring容器帮我们new指定实例并且将实例注入到需要该对象的类中。依赖注入的另一种说法是“控制反转”，通俗的理解是：平常我们new一个实例，这个实例的控制权是我
angular.injector boyitech AngularJS AngularJS API
angular.injector 描述: 创建一个injector对象, 调用injector对象的方法可以获得angular的service, 或者用来做依赖注入. 使用方法: angular.injector(modules, [strictDi]) 参数详解: Param Type Details mod
java-同步访问一个数组Integer[10]，生产者不断地往数组放入整数1000，数组满时等待；消费者不断地将数组里面的数置零，数组空时等待 bylijinnan Integer
public class PC { /** * 题目：生产者-消费者。 * 同步访问一个数组Integer[10]，生产者不断地往数组放入整数1000，数组满时等待；消费者不断地将数组里面的数置零，数组空时等待。 */ private static final Integer[] val=new Integer[10]; private static
使用Struts2.2.1配置 Chen.H apache spring Web xml struts
Struts2.2.1 需要如下 jar包: commons-fileupload-1.2.1.jar commons-io-1.3.2.jar commons-logging-1.0.4.jar freemarker-2.3.16.jar javassist-3.7.ga.jar ognl-3.0.jar spring.jar struts2-core-2.2.1.jar struts2-sp
[职业与教育]青春之歌 comsci 教育
每个人都有自己的青春之歌............但是我要说的却不是青春... 大家如果在自己的职业生涯没有给自己以后创业留一点点机会,仅仅凭学历和人脉关系,是难以在竞争激烈的市场中生存下去的.... &nbs
oracle连接(join)中使用using关键字 daizj JOIN oracle sql using
在oracle连接(join)中使用using关键字 34. View the Exhibit and examine the structure of the ORDERS and ORDER_ITEMS tables. Evaluate the following SQL statement: SELECT oi.order_id, product_id, order_date FRO
NIO示例 daysinsun nio
NIO服务端代码： public class NIOServer { private Selector selector; public void startServer(int port) throws IOException { ServerSocketChannel serverChannel = ServerSocketChannel.open(
C语言学习homework1 dcj3sjt126com c homework
0、课堂练习做完 1、使用sizeof计算出你所知道的所有的类型占用的空间。 int x; sizeof(x); sizeof(int); # include <stdio.h> int main(void) { int x1; char x2; double x3; float x4; printf(&quo
select in order by , mysql排序 dcj3sjt126com mysql
If i select like this: SELECT id FROM users WHERE id IN(3,4,8,1); This by default will select users in this order 1,3,4,8, I would like to select them in the same order that i put IN() values so:
页面校验-新建项目 fanxiaolong 页面校验
$(document).ready( function() { var flag = true; $('#changeform').submit(function() { var projectScValNull = true; var s =""; var parent_id = $("#parent_id").v
Ehcache（02）——ehcache.xml简介 234390216 ehcache ehcache.xml 简介
ehcache.xml简介 ehcache.xml文件是用来定义Ehcache的配置信息的，更准确的来说它是定义CacheManager的配置信息的。根据之前我们在《Ehcache简介》一文中对CacheManager的介绍我们知道一切Ehcache的应用都是从CacheManager开始的。在不指定配置信
junit 4.11中三个新功能 jackyrong java
junit 4.11中两个新增的功能，首先是注解中可以参数化，比如 import static org.junit.Assert.assertEquals; import java.util.Arrays; import org.junit.Test; import org.junit.runner.RunWith; import org.junit.runn
国外程序员爱用苹果Mac电脑的10大理由 php教程分享 windows PHP unix Microsoft perl
Mac 在国外很受欢迎，尤其是在设计/web开发/IT 人员圈子里。普通用户喜欢 Mac 可以理解，毕竟 Mac 设计美观，简单好用，没有病毒。那么为什么专业人士也对 Mac 情有独钟呢？从个人使用经验来看我想有下面几个原因： 1、Mac OS X 是基于 Unix 的这一点太重要了，尤其是对开发人员，至少对于我来说很重要，这意味着Unix 下一堆好用的工具都可以随手捡到。如果你是个 wi
位运算、异或的实际应用 wenjinglian 位运算
一．位操作基础，用一张表描述位操作符的应用规则并详细解释。二．常用位操作小技巧，有判断奇偶、交换两数、变换符号、求绝对值。三．位操作与空间压缩，针对筛素数进行空间压缩。 &n
weblogic部署项目出现的一些问题（持续补充中……） Everyday都不同 weblogic部署失败
好吧，weblogic的问题确实…… 问题一： org.springframework.beans.factory.BeanDefinitionStoreException: Failed to read candidate component class: URL [zip:E:/weblogic/user_projects/domains/base_domain/serve
tomcat7性能调优（01） toknowme tomcat7
Tomcat优化： 1、最大连接数最大线程等设置 <Connector port="8082" protocol="HTTP/1.1" useBodyEncodingForURI="t
PO VO DAO DTO BO TO概念与区别 xp9802 java DAO 设计模式 bean 领域模型
O/R Mapping 是 Object Relational Mapping（对象关系映射）的缩写。通俗点讲，就是将对象与关系数据库绑定，用对象来表示关系数据。在O/R Mapping的世界里，有两个基本的也是重要的东东需要了解，即VO，PO。它们的关系应该是相互独立的，一个VO可以只是PO的部分，也可以是多个PO构成，同样也可以等同于一个PO（指的是他们的属性）。这样，PO独立出来，数据持

【Jquery】插件—Watermark实现自定义文本框水印

你可能感兴趣的:(jquery)