您的位置：首页 > Web前端 > JQuery
jQuery的一个小插件模板输入

2009-09-10 23:43 736 查看
jQuery的另外一个小插件,在asp.net的ajaxcontroltool里面已经有个插件,不过在jQuery中它更小,扩展性更好。Mask inout(输入框模具)。
一个模具包含两部分,模具框架和输入定义。你定义好一个输入的格式时,框架就自动生成了。比如你定义好时间格式是XX/XX/XXXX,那么在你输入文本时会自动生成__/__/____。
几个定义:
· a - Represents an alpha character (A-Z,a-z)
· 9 - Represents a numeric character (0-9)
· * - Represents an alphanumeric character (A-Z,a-z,0-9)

要适应这个插件,需要在你的html中包含两个js文件,jquery.js和jquery.maskedinput.js。懒得下载的话可以使用如下连个链接:
http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js
http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.js

下面给个例子:
你可以把我给出来的下面的代码另存为html然后view就可以看到效果了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="distribution" content="global" />
<meta name="robots" content="follow, all" />
<meta name="language" content="en, sv" />
<title>digitalBush » Masked Input Plugin</title>
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://digitalbush.com/feed/" mce_href="http://digitalbush.com/feed/" />
<link rel="alternate" type="text/xml" title="RSS .92" href="http://digitalbush.com/feed/rss/" mce_href="http://digitalbush.com/feed/rss/" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://digitalbush.com/feed/atom/" mce_href="http://digitalbush.com/feed/atom/" />
<link rel="pingback" href="http://digitalbush.com/xmlrpc.php" mce_href="http://digitalbush.com/xmlrpc.php" />
	<link rel='archives' title='September 2009' href="http://digitalbush.com/2009/09/" mce_href="http://digitalbush.com/2009/09/" />
	<link rel='archives' title='August 2009' href="http://digitalbush.com/2009/08/" mce_href="http://digitalbush.com/2009/08/" />
	<link rel='archives' title='June 2009' href="http://digitalbush.com/2009/06/" mce_href="http://digitalbush.com/2009/06/" />
	<link rel='archives' title='May 2009' href="http://digitalbush.com/2009/05/" mce_href="http://digitalbush.com/2009/05/" />
	<link rel='archives' title='April 2009' href="http://digitalbush.com/2009/04/" mce_href="http://digitalbush.com/2009/04/" />
	<link rel='archives' title='March 2009' href="http://digitalbush.com/2009/03/" mce_href="http://digitalbush.com/2009/03/" />
	<link rel='archives' title='February 2009' href="http://digitalbush.com/2009/02/" mce_href="http://digitalbush.com/2009/02/" />
	<link rel='archives' title='January 2009' href="http://digitalbush.com/2009/01/" mce_href="http://digitalbush.com/2009/01/" />
	<link rel='archives' title='December 2008' href="http://digitalbush.com/2008/12/" mce_href="http://digitalbush.com/2008/12/" />
	<link rel='archives' title='November 2008' href="http://digitalbush.com/2008/11/" mce_href="http://digitalbush.com/2008/11/" />
	<link rel='archives' title='October 2008' href="http://digitalbush.com/2008/10/" mce_href="http://digitalbush.com/2008/10/" />
	<link rel='archives' title='September 2008' href="http://digitalbush.com/2008/09/" mce_href="http://digitalbush.com/2008/09/" />
	<link rel='archives' title='August 2008' href="http://digitalbush.com/2008/08/" mce_href="http://digitalbush.com/2008/08/" />
	<link rel='archives' title='July 2008' href="http://digitalbush.com/2008/07/" mce_href="http://digitalbush.com/2008/07/" />
	<link rel='archives' title='June 2008' href="http://digitalbush.com/2008/06/" mce_href="http://digitalbush.com/2008/06/" />
	<link rel='archives' title='May 2008' href="http://digitalbush.com/2008/05/" mce_href="http://digitalbush.com/2008/05/" />
	<link rel='archives' title='April 2008' href="http://digitalbush.com/2008/04/" mce_href="http://digitalbush.com/2008/04/" />
	<link rel='archives' title='March 2008' href="http://digitalbush.com/2008/03/" mce_href="http://digitalbush.com/2008/03/" />
	<link rel='archives' title='February 2008' href="http://digitalbush.com/2008/02/" mce_href="http://digitalbush.com/2008/02/" />
	<link rel='archives' title='January 2008' href="http://digitalbush.com/2008/01/" mce_href="http://digitalbush.com/2008/01/" />
	<link rel='archives' title='December 2007' href="http://digitalbush.com/2007/12/" mce_href="http://digitalbush.com/2007/12/" />
	<link rel='archives' title='November 2007' href="http://digitalbush.com/2007/11/" mce_href="http://digitalbush.com/2007/11/" />
	<link rel='archives' title='October 2007' href="http://digitalbush.com/2007/10/" mce_href="http://digitalbush.com/2007/10/" />
	<link rel='archives' title='September 2007' href="http://digitalbush.com/2007/09/" mce_href="http://digitalbush.com/2007/09/" />
	<link rel='archives' title='August 2007' href="http://digitalbush.com/2007/08/" mce_href="http://digitalbush.com/2007/08/" />
	<link rel='archives' title='July 2007' href="http://digitalbush.com/2007/07/" mce_href="http://digitalbush.com/2007/07/" />
	<link rel='archives' title='June 2007' href="http://digitalbush.com/2007/06/" mce_href="http://digitalbush.com/2007/06/" />
	<link rel='archives' title='May 2007' href="http://digitalbush.com/2007/05/" mce_href="http://digitalbush.com/2007/05/" />
	<link rel='archives' title='April 2007' href="http://digitalbush.com/2007/04/" mce_href="http://digitalbush.com/2007/04/" />
	<link rel='archives' title='March 2007' href="http://digitalbush.com/2007/03/" mce_href="http://digitalbush.com/2007/03/" />
	<link rel='archives' title='February 2007' href="http://digitalbush.com/2007/02/" mce_href="http://digitalbush.com/2007/02/" />
	<link rel='archives' title='January 2007' href="http://digitalbush.com/2007/01/" mce_href="http://digitalbush.com/2007/01/" />
	<link rel='archives' title='December 2006' href="http://digitalbush.com/2006/12/" mce_href="http://digitalbush.com/2006/12/" />
	<link rel='archives' title='November 2006' href="http://digitalbush.com/2006/11/" mce_href="http://digitalbush.com/2006/11/" />
	<link rel='archives' title='October 2006' href="http://digitalbush.com/2006/10/" mce_href="http://digitalbush.com/2006/10/" />
<mce:style type="text/css" media="screen"><!--
 @import url( http://digitalbush.com/wp-content/themes/digitalbush/style.css );
--></mce:style><style type="text/css" media="screen" mce_bogus="1"> @import url( http://digitalbush.com/wp-content/themes/digitalbush/style.css );</style>
<!--[if IE]>
	<link rel="stylesheet" type="text/css" href="http://digitalbush.com/wp-content/themes/digitalbush/ie.css" mce_href="http://digitalbush.com/wp-content/themes/digitalbush/ie.css">

<![endif]-->
<mce:script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" mce_src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></mce:script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://digitalbush.com/xmlrpc.php?rsd" mce_href="http://digitalbush.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://digitalbush.com/wp-includes/wlwmanifest.xml" mce_href="http://digitalbush.com/wp-includes/wlwmanifest.xml" /> 
<link rel='index' title='digitalBush' href="http://digitalbush.com" mce_href="http://digitalbush.com" />
<link rel='up' title='Projects' href="http://digitalbush.com/projects/" mce_href="http://digitalbush.com/projects/" />
<meta name="generator" content="WordPress 2.8.4" />
<link rel="stylesheet" href="http://digitalbush.com/wp-content/plugins/contact-form-7/stylesheet.css" mce_href="http://digitalbush.com/wp-content/plugins/contact-form-7/stylesheet.css" type="text/css" />
<link rel="stylesheet" type="text/css" href="http://digitalbush.com/wp-content/themes/digitalbush/prettify.css" mce_href="http://digitalbush.com/wp-content/themes/digitalbush/prettify.css">
<mce:script type="text/javascript" src="http://digitalbush.com/wp-content/themes/digitalbush/prettify.js" mce_src="http://digitalbush.com/wp-content/themes/digitalbush/prettify.js"></mce:script>
<mce:script type="text/javascript"><!--
	jQuery(function($) {	    
		$("pre,code").addClass('prettyprint');
		prettyPrint();
	});
// --></mce:script>

</head>
<body id="home" class="log">
<div id="header">

  <div id="logo" >
		<div id="searchBox"><form method="get" id="searchform" action="http://digitalbush.com/"><input type="text" value="" name="s" id="s" /></form></div>
		<h1 id="blogname" onclick="location.href='http://digitalbush.com';" style="cursor: pointer;" mce_style="cursor: pointer;"><a href="http://digitalbush.com" mce_href="http://digitalbush.com">digitalBush</a></h1>
		<div class="description">Tales of a Tormented Software Developer</div>
</div>
  <div id="pages">
    <ul>
		<li class="page_item"><a href="http://digitalbush.com" mce_href="http://digitalbush.com">Blog</a></li>
		<li class="page_item page-item-27 current_page_ancestor current_page_parent"><a href="http://digitalbush.com/projects/" mce_href="http://digitalbush.com/projects/" title="Projects">Projects</a></li>
<li class="page_item page-item-30"><a href="http://digitalbush.com/contact/" mce_href="http://digitalbush.com/contact/" title="Contact">Contact</a></li>
<li class="page_item page-item-41"><a href="http://digitalbush.com/about/" mce_href="http://digitalbush.com/about/" title="About">About</a></li>
		<li class="subscribe"><a href="http://feeds.feedburner.com/digitalbush" mce_href="http://feeds.feedburner.com/digitalbush"><img src="http://digitalbush.com/wp-content/themes/digitalbush/images/feed-icon-24x24.png" mce_src="http://digitalbush.com/wp-content/themes/digitalbush/images/feed-icon-24x24.png" />Subscribe</a></li>
    </ul>
  </div>
</div>
<div id="wrap">
	<link rel='stylesheet' href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7/themes/south-street/jquery-ui.css" mce_href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7/themes/south-street/jquery-ui.css" type="text/css" media="print, projection, screen"/>
	<mce:script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js" mce_src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></mce:script>

	<mce:script type="text/javascript"><!--
		jQuery(
			function($){$('#tabs').tabs();}
		);
	
// --></mce:script>
	<mce:style type='text/css'><!--
		#project ul{margin-left:1em}
	
--></mce:style><style type='text/css' mce_bogus="1">		#project ul{margin-left:1em}
	</style>
	
	<div id="content" class="ui-widget">
	  	  
		<h3 class="entrytitle" id="post-36"> 
			<a href="http://digitalbush.com/projects/masked-input-plugin/" mce_href="http://digitalbush.com/projects/masked-input-plugin/" rel="bookmark">Masked Input Plugin</a> 
		</h3>
		<div class="entrymeta-single">
					</div>
		<div>
										<fieldset id="download" style="margin-left: 20px; padding: 0; width: 300px;float:right">
					<legend><img style="margin-right:5px" mce_style="margin-right:5px" src="http://digitalbush.com/files/lib/down.png" mce_src="http://digitalbush.com/files/lib/down.png" alt="" align="absmiddle" /> Download Latest (1.2.2)</legend>
					<ul>
						<li><a href="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.js" mce_href="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.js">Uncompressed</a></li>
												<li><a href="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.min.js" mce_href="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.min.js">Minified</a></li>					</ul>
				</fieldset>
					<div id="overview">This is a masked input plugin for the <a href="http://jquery.com" mce_href="http://jquery.com">jQuery</a> javascript library.  It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc). It has been tested on Internet Explorer 6/7, Firefox 1.5/2/3, Safari, Opera, and Chrome.  

A mask is defined by a format made up of mask literals and mask definitions.  Any character not in the definitions list below is considered a mask literal.  Mask literals will be automatically entered for the user as they type and will not be able to be removed by the user.

The following mask definitions are predefined:
<ul>
	<li>a - Represents an alpha character (A-Z,a-z)</li>
	<li>9 - Represents a numeric character (0-9)</li>
	<li>* - Represents an alphanumeric character (A-Z,a-z,0-9)</li>
</ul>
</div>
<div id="tabs">
<ul>
	<li><a href="#usage" mce_href="#usage"><span>Usage</span></a></li>
	<li><a href="#demo" mce_href="#demo"><span>Demo</span></a></li>
	<li><a href="#changelog" mce_href="#changelog"><span>Changelog</span></a></li>
	<li><a href="#license" mce_href="#license"><span>License</span></a></li>
</ul>
<div id="usage">

First, include the jQuery and masked input javascript files.
<pre class="html"><script src="jquery.js" type="text/javascript"></script>
<script src="jquery.maskedinput.js" type="text/javascript"></script></pre>
Next, call the mask function for those items you wish to have masked.
<pre class="js">jQuery(function($){
   $("#date").mask("99/99/9999");
   $("#phone").mask("(999) 999-9999");
   $("#tin").mask("99-9999999");
   $("#ssn").mask("999-99-9999");
});</pre>
Optionally, if you are not satisfied with the underscore ('_') character as a placeholder, you may pass an optional argument to the maskedinput method.
<pre class="js">jQuery(function($){
   $("#product").mask("99/99/9999",{placeholder:" "});
});</pre>
Optionally, if you would like to execute a function once the mask has been completed, you can specify that function as an optional argument to the maskedinput method.
<pre class="js">jQuery(function($){
   $("#product").mask("99/99/9999",{completed:function(){alert("You typed the following: "+this.val());}});
});</pre>
You can now supply your own mask definitions.
<pre class="js">jQuery(function($){
   $.mask.definitions['~']='[+-]';
   $("#eyescript").mask("~9.99 ~9.99 999");
});</pre>
</div>
<div id="demo">

The following example is a demonstration from the usage tab.
<table border="0">
<tbody>
<tr>
<td>Date</td>
<td><input id="date" type="text" tabindex="1" /></td>
<td>99/99/9999</td>
</tr>
<tr>
<td>Phone</td>
<td><input id="phone" type="text" tabindex="3" /></td>
<td>(999) 999-9999</td>
</tr>
<tr>
<td>Phone + Ext</td>
<td><input id="phoneext" type="text" tabindex="4" /></td>
<td>(999) 999-9999? x99999</td>
</tr>
<tr>
<td>Tax ID</td>
<td><input id="tin" type="text" tabindex="5" /></td>
<td>99-9999999</td>
</tr>
<tr>
<td>SSN</td>
<td><input id="ssn" type="text" tabindex="6" /></td>
<td>999-99-9999</td>
</tr>
<tr>
<td>Product Key</td>
<td><input id="product" type="text" tabindex="7" /></td>
<td>a*-999-a999</td>
</tr>
<tr>
<td>Eye Script</td>
<td><input id="eyescript" type="text" tabindex="8" /></td>
<td>~9.99 ~9.99 999</td>
</tr>
</tbody></table>
</div>
<div id="changelog">
<a title="Masked Input 1.2.2" href="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.js" mce_href="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.js">1.2.2</a><br />
 
<strong>Bugfixes</strong>
<ul>
	<li>Fixed bug which blocked apple meta key.  This was keeping copy and paste via keyboard shortcut from working on Mac.</li>
	<li>Fixed bug that caused mask literals to be pushed into the mask placeholder positions when verifying the data.</li>
	<li>Fixed bug that prevented user input from completing when mask ended in mask literal.</li>
</ul>

<strong>Changes</strong>
<ul>
	<li>Changed behavior on focus to select all text if focusing on a completed mask.</li>
	<li>No more masking on readonly inputs.</li>
	<li>Changed escape behavior to put the input back to the original value instead of just blanking the text.</li>
	<li>Increased range of accepted characters for input.</li>
</ul>

<a title="Masked Input 1.2.1" href="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.1.js" mce_href="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.1.js">1.2.1</a> 
<ul>
	<li><strong>BREAKING CHANGE</strong>: Removed deprecated $.mask.addPlaceholder method.  Use the "$.mask.definitions['']="";" syntax instead.  I said I was going to do this on the last release and now seems just as good a time as any.</li>
	<li><strong>BREAKING CHANGE</strong>: Removed "allowPartial" option in favor of new mask syntax I'll describe below.  A discussion and code exchange with Michael Bray inspired this change.  I hate that it's a breaking change, but the new way makes a lot more sense.</li>
	<li>New mask syntax option '?'.  Anything listed after '?' within the mask is considered optional user input.  The common example for this is phone number + optional extension.  The new syntax will look like this: "(999) 999-9999? x99999"</li>
	<li>I got rid of the awkward input behavior where users typed over top of existing input.  The plugin acted like a word processor Insert mode.  This has always agrivated me, so now the input shifts on input and backspace/delete.</li>
	<li>Now calling .change() on blur if the value has changed since the plugin prevents the change event from being fired naturally.</li>
	<li>Pasting incomplete test no longer wipes the input.  Instead, the cursor is just placed where the input leaves off.</li>
	<li>Fixed backspace detection for iPhone.  Plugin is now iPhone compatible.</li>
	<li>Fixed pasting bug when mask starts with a literal and caret position is on the literal character.</li>
</ul>

<a title="Masked Input 1.2" href="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.js" mce_href="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.js">1.2</a> 
<ul>
	<li>Paste support for more browsers.  It should now work in IE7, Firefox 3, Safari, Chrome, and Opera.</li>
	<li>Fixed backspace bug in Opera.  I had originally put in special handling for Opera to get past a bug that appears to be fixed in current releases.  This code is now removed.</li>
	<li>Calling .mask() with no arguments will now return the value of the input without the literals.</li>
	<li>Added option "allowPartial" that will allow partial input to remain when focus is lost.</li>
	<li>Exposed the hash table of the mask definitions directly to replace the $.mask.addPlaceholder() method.  The old method remains for now, but will be removed in a future relase.  You should now add custom mask definitions by "$.mask.definitions[char]=regex;"</li>
	<li>Code refactoring and  house cleaning.  I made things more jQuery like and removed some crufty code in the process.  The end result is better organization to build on for future enhancements.</li>
</ul>
<a title="Masked Input 1.1.4" href="http://digitalbush.com/files/jquery/maskedinput/1.1.4/jquery.maskedinput-1.1.4.js" mce_href="http://digitalbush.com/files/jquery/maskedinput/1.1.4/jquery.maskedinput-1.1.4.js">1.1.4</a>
<ul>
	<li>Fixed a bug where mask characters that match the criteria for the first placeholder(s) would end up trashing the user input.  Thanks to Steve Davis for finding and fixing this one.</li>
</ul>
<a title="Masked Input 1.1.3" href="http://digitalbush.com/files/jquery/maskedinput/1.1.3/jquery.maskedinput-1.1.3.js" mce_href="http://digitalbush.com/files/jquery/maskedinput/1.1.3/jquery.maskedinput-1.1.3.js">1.1.3</a>
<ul>
	<li>Fixed a bug where the buffer wasn't being cleared properly, causing characters that had been shifted to be duplicated.</li>
</ul>
<a title="Masked Input 1.1.2" href="http://digitalbush.com/files/jquery/maskedinput/1.1.2/jquery.maskedinput-1.1.2.js" mce_href="http://digitalbush.com/files/jquery/maskedinput/1.1.2/jquery.maskedinput-1.1.2.js">1.1.2</a>
<ul>
	<li>Fixed a bug in Mac Firefox with backspacing.</li>
	<li>Fixed a bug where delete at end of mask produced an extra placeholder character.</li>
	<li>Exposed the caret positioning and retrieval methods as a jQuery function extension.  You can now call $().caret() to get a caret position and $().caret(start [,end]) to set a caret position.</li>
</ul>
<a title="Masked Input 1.1.1" href="http://digitalbush.com/files/jquery/maskedinput/1.1.1/jquery.maskedinput-1.1.1.js" mce_href="http://digitalbush.com/files/jquery/maskedinput/1.1.1/jquery.maskedinput-1.1.1.js">1.1.1</a>
<ul>
	<li>Fixed a bug introduced with the code changes that prevented IE from working at all.</li>
</ul>
<a title="Masked Input 1.1" href="http://digitalbush.com/files/jquery/maskedinput/1.1/jquery.maskedinput-1.1.js" mce_href="http://digitalbush.com/files/jquery/maskedinput/1.1/jquery.maskedinput-1.1.js">1.1</a>
<ul>
	<li><strong>NEW FEATURE:</strong> unmask() method to remove masking for a previously masked input.</li>
	<li>Safari cursor position fix.</li>
	<li>Cursor position behavior change: Cursor goes to the end of the input on a completed input.  Cursor goes to the first placeholder position on a blank input.</li>
	<li>Fixed improper escaping of certain mask characters.</li>
	<li>Code refactoring to reduce size and complexity.</li>
</ul>
<a title="Masked Input 1.0" href="http://digitalbush.com/files/jquery/maskedinput/1.0/jquery.maskedinput-1.0.js" mce_href="http://digitalbush.com/files/jquery/maskedinput/1.0/jquery.maskedinput-1.0.js">1.0</a>
<ul>
	<li>Cosmetic code cleanup</li>
</ul>
<a title="Masked Input Release Candidate 3" href="http://digitalbush.com/files/jquery/maskedinput/rc3/jquery.maskedinput.js" mce_href="http://digitalbush.com/files/jquery/maskedinput/rc3/jquery.maskedinput.js">Release Candidate 3</a>
<ul>
	<li><strong>BREAKING CHANGE: </strong>The mask function has been changed to more closely match the style of the jQuery library.  Instead of calling .maskedinput(), you will need to call .mask().  Additionally the .AddMaskDefinition() has been moved to a namespace and renamed.  Instead, you should make a call to .mask.addPlaceholder().</li>
	<li>Fixed a bug where the buffer was wiped when text was selected and a non-typeable character was pressed.</li>
	<li>Fixed a bug where the buffer was not cleared, but the text was when pressing the escape key.</li>
	<li>More code cleanup.</li>
</ul>
<a title="Masked Input Release Candidate 2" href="http://digitalbush.com/files/jquery/maskedinput/rc2/jquery.maskedinput.js" mce_href="http://digitalbush.com/files/jquery/maskedinput/rc2/jquery.maskedinput.js">Release Candidate 2</a>
<ul>
	<li>Now supports user defined placeholder characters by calling "$.AddMaskDefinition(char,regex)"  Please see the Eye Prescription example above.</li>
	<li>Fixed a bug where backspace from the first character position deleted the mask.</li>
	<li>General code cleanup.</li>
</ul>
<a title="Masked Input Release Candidate 1a" href="http://digitalbush.com/files/jquery/maskedinput/rc1a/jquery.maskedinput.js" mce_href="http://digitalbush.com/files/jquery/maskedinput/rc1a/jquery.maskedinput.js">Release Candidate 1a</a>
<ul>
	<li>Corrected the kludgey syntax for the optional mask completed function.  You no longer need to pass an argument to your function to gain access to the input making the call. You can now simply reference "this".  Please see the above corrected example.</li>
</ul>
<a title="Masked Input Release Candidate 1" href="http://digitalbush.com/files/jquery/maskedinput/rc1/jquery.maskedinput.js" mce_href="http://digitalbush.com/files/jquery/maskedinput/rc1/jquery.maskedinput.js">Release Candidate 1</a>
<ul>
	<li>Fixed a Safari issue where backspace deleted wrong characters and messed up cursor position.</li>
	<li>Fixed an issue where pre-filled input (value="something") was deleted on focus.</li>
</ul>
<a title="Masked Input Beta 2a" href="http://digitalbush.com/files/jquery/maskedinput/beta2a/jquery.maskedinput.js" mce_href="http://digitalbush.com/files/jquery/maskedinput/beta2a/jquery.maskedinput.js">Masked Input Beta 2a</a>
<ul>
	<li>Fixed an issue with the mask disappearing on focus when the input box has no data.</li>
</ul>
<a title="Masked Input Beta 2" href="http://digitalbush.com/files/jquery/maskedinput/beta2/jquery.maskedinput.js" mce_href="http://digitalbush.com/files/jquery/maskedinput/beta2/jquery.maskedinput.js">Beta 2</a>
<ul>
	<li><strong>BREAKING CHANGE: </strong> If you were using the optional placeholder argument, you will need to change it to a hashmap syntax.  Please see the example above for reference.</li>
	<li>Fixed an issue with pasted values not persisting after a blur/focus.</li>
	<li>Added an optional user defined function to execute when the mask has been completed.  I'm using this for my personal projects to advance focus to another area of the form, but this could also be used to validate the value inside the input box.  Please see example above.</li>
	<li>Fixed the naming convention to conform to the jQuery standard of jquery.pluginname.js</li>
	<li>Moved the project files to a more logical location on the web server.</li>
</ul>
<a title="Masked Input Beta 1" href="http://digitalbush.com/files/jquery/maskedinput/beta1/jquery.maskedinput.js" mce_href="http://digitalbush.com/files/jquery/maskedinput/beta1/jquery.maskedinput.js">Beta 1</a>
<ul>
	<li>Fixed issues with allowing punctuation on number masks.</li>
	<li>Added validation cleanup of text.  Example:  pasting in "123-456-7890" into a "(999) 999-9999" mask should format correctly.</li>
	<li>Added validation on paste events for Mozilla and IE.</li>
</ul>
<a title="Masked Input Plugin Alpha 1" href="http://digitalbush.com/files/jquery/maskedinput/alpha1/jquery.maskedinput.js" mce_href="http://digitalbush.com/files/jquery/maskedinput/alpha1/jquery.maskedinput.js">Alpha 1</a>
<ul>
	<li>Initial Release</li>
</ul>
</div>
<div id="license">
<pre>Copyright (c) 2007-2009 Josh Bush (digitalbush.com)

Permission is hereby granted, free of charge, to any person
obtaining a copy of this software and associated documentation
files (the "Software"), to deal in the Software without
restriction, including without limitation the rights to use,
copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following
conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
OTHER DEALINGS IN THE SOFTWARE.</pre>
</div>
</div>
<mce:script src="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.min.js" mce_src="http://jquery-joshbush.googlecode.com/files/jquery.maskedinput-1.2.2.min.js" type="text/javascript"></mce:script>
<mce:script type="text/javascript"><!--
   jQuery(function($) {
      $.mask.definitions['~']='[+-]';
      $('#date').mask('99/99/9999');
      $('#phone').mask('(999) 999-9999');
      $('#phoneext').mask("(999) 999-9999? x99999");
      $("#tin").mask("99-9999999");
      $("#ssn").mask("999-99-9999");
      $("#product").mask("a*-999-a999",{placeholder:" ",completed:function(){alert("You typed the following: "+this.val());}});
      $("#eyescript").mask("~9.99 ~9.99 999");
   });
// --></mce:script>		</div>
		<!--
		<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
				xmlns:dc="http://purl.org/dc/elements/1.1/"
				xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/">
			<rdf:Description rdf:about="http://digitalbush.com/projects/masked-input-plugin/"
    dc:identifier="http://digitalbush.com/projects/masked-input-plugin/"
    dc:title="Masked Input Plugin"
    trackback:ping="http://digitalbush.com/projects/masked-input-plugin/trackback/" />
</rdf:RDF>		-->
	  
		<div id="commentblock">
  <!--comments area-->
        </div>
		<mce:script type="text/javascript"><!--
		google_ad_client = "pub-5652178116036732";
		/* 468x60, created 4/18/08 */
		google_ad_slot = "5744977262";
		google_ad_width = 468;
		google_ad_height = 60;
// --></mce:script>
		<mce:script type="text/javascript"src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></mce:script>
	  	  <p></p>
	</div>
<ul id="sidebar">
<li id="text-1" class="widget widget_text"><h2 class="widgettitle">About Me</h2>
			<div class="textwidget">I'm just another developer trying to do his thing.
</div>
		</li>
<li id="tag_cloud-2" class="widget widget_tag_cloud"><h2 class="widgettitle">Tag Cloud</h2>
<div><a href="http://digitalbush.com/tag/net/" mce_href="http://digitalbush.com/tag/net/" class='tag-link-26' title='4 topics' rel="tag" style="font-size: 10pt;" mce_style="font-size: 10pt;">.NET</a>
<a href="http://digitalbush.com/tag/9i/" mce_href="http://digitalbush.com/tag/9i/" class='tag-link-38' title='1 topic' rel="tag" style="font-size: 8pt;" mce_style="font-size: 8pt;">9i</a>
<a href="http://digitalbush.com/tag/baby/" mce_href="http://digitalbush.com/tag/baby/" class='tag-link-141' title='3 topics' rel="tag" style="font-size: 9.33333333333pt;" mce_style="font-size: 9.33333333333pt;">baby</a>
<a href="http://digitalbush.com/tag/beat-your-kids/" mce_href="http://digitalbush.com/tag/beat-your-kids/" class='tag-link-47' title='2 topics' rel="tag" style="font-size: 8.66666666667pt;" mce_style="font-size: 8.66666666667pt;">beat your kids</a>
<a href="http://digitalbush.com/tag/blog/" mce_href="http://digitalbush.com/tag/blog/" class='tag-link-88' title='2 topics' rel="tag" style="font-size: 8.66666666667pt;" mce_style="font-size: 8.66666666667pt;">blog</a>
<a href="http://digitalbush.com/tag/boo/" mce_href="http://digitalbush.com/tag/boo/" class='tag-link-28' title='1 topic' rel="tag" style="font-size: 8pt;" mce_style="font-size: 8pt;">boo</a>
<a href="http://digitalbush.com/tag/book-review/" mce_href="http://digitalbush.com/tag/book-review/" class='tag-link-100' title='2 topics' rel="tag" style="font-size: 8.66666666667pt;" mce_style="font-size: 8.66666666667pt;">book review</a>
<a href="http://digitalbush.com/tag/books/" mce_href="http://digitalbush.com/tag/books/" class='tag-link-66' title='2 topics' rel="tag" style="font-size: 8.66666666667pt;" mce_style="font-size: 8.66666666667pt;">books</a>
<a href="http://digitalbush.com/tag/c/" mce_href="http://digitalbush.com/tag/c/" class='tag-link-27' title='5 topics' rel="tag" style="font-size: 10.6666666667pt;" mce_style="font-size: 10.6666666667pt;">c#</a>
<a href="http://digitalbush.com/tag/career/" mce_href="http://digitalbush.com/tag/career/" class='tag-link-34' title='1 topic' rel="tag" style="font-size: 8pt;" mce_style="font-size: 8pt;">career</a>
<a href="http://digitalbush.com/tag/christmas/" mce_href="http://digitalbush.com/tag/christmas/" class='tag-link-50' title='5 topics' rel="tag" style="font-size: 10.6666666667pt;" mce_style="font-size: 10.6666666667pt;">Christmas</a>
<a href="http://digitalbush.com/tag/commuting/" mce_href="http://digitalbush.com/tag/commuting/" class='tag-link-19' title='3 topics' rel="tag" style="font-size: 9.33333333333pt;" mce_style="font-size: 9.33333333333pt;">commuting</a>
<a href="http://digitalbush.com/tag/diet/" mce_href="http://digitalbush.com/tag/diet/" class='tag-link-24' title='11 topics' rel="tag" style="font-size: 14.6666666667pt;" mce_style="font-size: 14.6666666667pt;">diet</a>
<a href="http://digitalbush.com/tag/email/" mce_href="http://digitalbush.com/tag/email/" class='tag-link-79' title='2 topics' rel="tag" style="font-size: 8.66666666667pt;" mce_style="font-size: 8.66666666667pt;">email</a>
<a href="http://digitalbush.com/tag/exercise/" mce_href="http://digitalbush.com/tag/exercise/" class='tag-link-53' title='8 topics' rel="tag" style="font-size: 12.6666666667pt;" mce_style="font-size: 12.6666666667pt;">exercise</a>
<a href="http://digitalbush.com/tag/extension-methods/" mce_href="http://digitalbush.com/tag/extension-methods/" class='tag-link-43' title='4 topics' rel="tag" style="font-size: 10pt;" mce_style="font-size: 10pt;">extension methods</a>
<a href="http://digitalbush.com/tag/fitness/" mce_href="http://digitalbush.com/tag/fitness/" class='tag-link-84' title='2 topics' rel="tag" style="font-size: 8.66666666667pt;" mce_style="font-size: 8.66666666667pt;">fitness</a>
<a href="http://digitalbush.com/tag/google/" mce_href="http://digitalbush.com/tag/google/" class='tag-link-106' title='2 topics' rel="tag" style="font-size: 8.66666666667pt;" mce_style="font-size: 8.66666666667pt;">Google</a>
<a href="http://digitalbush.com/tag/government/" mce_href="http://digitalbush.com/tag/government/" class='tag-link-134' title='2 topics' rel="tag" style="font-size: 8.66666666667pt;" mce_style="font-size: 8.66666666667pt;">government</a>
<a href="http://digitalbush.com/tag/guitar/" mce_href="http://digitalbush.com/tag/guitar/" class='tag-link-67' title='2 topics' rel="tag" style="font-size: 8.66666666667pt;" mce_style="font-size: 8.66666666667pt;">guitar</a>
<a href="http://digitalbush.com/tag/halloween/" mce_href="http://digitalbush.com/tag/halloween/" class='tag-link-12' title='3 topics' rel="tag" style="font-size: 9.33333333333pt;" mce_style="font-size: 9.33333333333pt;">halloween</a>
<a href="http://digitalbush.com/tag/hipaa/" mce_href="http://digitalbush.com/tag/hipaa/" class='tag-link-32' title='1 topic' rel="tag" style="font-size: 8pt;" mce_style="font-size: 8pt;">HIPAA</a>
<a href="http://digitalbush.com/tag/jquery/" mce_href="http://digitalbush.com/tag/jquery/" class='tag-link-22' title='18 topics' rel="tag" style="font-size: 19.3333333333pt;" mce_style="font-size: 19.3333333333pt;">jquery</a>
<a href="http://digitalbush.com/tag/masked-input/" mce_href="http://digitalbush.com/tag/masked-input/" class='tag-link-99' title='4 topics' rel="tag" style="font-size: 10pt;" mce_style="font-size: 10pt;">masked input</a>
<a href="http://digitalbush.com/tag/mentor/" mce_href="http://digitalbush.com/tag/mentor/" class='tag-link-33' title='1 topic' rel="tag" style="font-size: 8pt;" mce_style="font-size: 8pt;">mentor</a>
<a href="http://digitalbush.com/tag/nascar/" mce_href="http://digitalbush.com/tag/nascar/" class='tag-link-36' title='1 topic' rel="tag" style="font-size: 8pt;" mce_style="font-size: 8pt;">NASCAR</a>
<a href="http://digitalbush.com/tag/obesity/" mce_href="http://digitalbush.com/tag/obesity/" class='tag-link-55' title='2 topics' rel="tag" style="font-size: 8.66666666667pt;" mce_style="font-size: 8.66666666667pt;">obesity</a>
<a href="http://digitalbush.com/tag/oracle/" mce_href="http://digitalbush.com/tag/oracle/" class='tag-link-37' title='4 topics' rel="tag" style="font-size: 10pt;" mce_style="font-size: 10pt;">oracle</a>
<a href="http://digitalbush.com/tag/plugin/" mce_href="http://digitalbush.com/tag/plugin/" class='tag-link-23' title='14 topics' rel="tag" style="font-size: 16.6666666667pt;" mce_style="font-size: 16.6666666667pt;">plugin</a>
<a href="http://digitalbush.com/tag/rant/" mce_href="http://digitalbush.com/tag/rant/" class='tag-link-13' title='16 topics' rel="tag" style="font-size: 18pt;" mce_style="font-size: 18pt;">rant</a>
<a href="http://digitalbush.com/tag/recipe/" mce_href="http://digitalbush.com/tag/recipe/" class='tag-link-30' title='2 topics' rel="tag" style="font-size: 8.66666666667pt;" mce_style="font-size: 8.66666666667pt;">recipe</a>
<a href="http://digitalbush.com/tag/resolution/" mce_href="http://digitalbush.com/tag/resolution/" class='tag-link-52' title='4 topics' rel="tag" style="font-size: 10pt;" mce_style="font-size: 10pt;">resolution</a>
<a href="http://digitalbush.com/tag/robbery/" mce_href="http://digitalbush.com/tag/robbery/" class='tag-link-82' title='3 topics' rel="tag" style="font-size: 9.33333333333pt;" mce_style="font-size: 9.33333333333pt;">robbery</a>
<a href="http://digitalbush.com/tag/safari/" mce_href="http://digitalbush.com/tag/safari/" class='tag-link-29' title='1 topic' rel="tag" style="font-size: 8pt;" mce_style="font-size: 8pt;">safari</a>
<a href="http://digitalbush.com/tag/software/" mce_href="http://digitalbush.com/tag/software/" class='tag-link-40' title='2 topics' rel="tag" style="font-size: 8.66666666667pt;" mce_style="font-size: 8.66666666667pt;">software</a>
<a href="http://digitalbush.com/tag/sql/" mce_href="http://digitalbush.com/tag/sql/" class='tag-link-16' title='3 topics' rel="tag" style="font-size: 9.33333333333pt;" mce_style="font-size: 9.33333333333pt;">sql</a>
<a href="http://digitalbush.com/tag/sunday-savings/" mce_href="http://digitalbush.com/tag/sunday-savings/" class='tag-link-95' title='7 topics' rel="tag" style="font-size: 12pt;" mce_style="font-size: 12pt;">sunday savings</a>
<a href="http://digitalbush.com/tag/technology/" mce_href="http://digitalbush.com/tag/technology/" class='tag-link-15' title='3 topics' rel="tag" style="font-size: 9.33333333333pt;" mce_style="font-size: 9.33333333333pt;">technology</a>
<a href="http://digitalbush.com/tag/thanksgiving/" mce_href="http://digitalbush.com/tag/thanksgiving/" class='tag-link-45' title='2 topics' rel="tag" style="font-size: 8.66666666667pt;" mce_style="font-size: 8.66666666667pt;">Thanksgiving</a>
<a href="http://digitalbush.com/tag/theme/" mce_href="http://digitalbush.com/tag/theme/" class='tag-link-35' title='1 topic' rel="tag" style="font-size: 8pt;" mce_style="font-size: 8pt;">theme</a>
<a href="http://digitalbush.com/tag/tips/" mce_href="http://digitalbush.com/tag/tips/" class='tag-link-158' title='2 topics' rel="tag" style="font-size: 8.66666666667pt;" mce_style="font-size: 8.66666666667pt;">tips</a>
<a href="http://digitalbush.com/tag/weight-loss/" mce_href="http://digitalbush.com/tag/weight-loss/" class='tag-link-21' title='22 topics' rel="tag" style="font-size: 22pt;" mce_style="font-size: 22pt;">weight loss</a>
<a href="http://digitalbush.com/tag/wordpress/" mce_href="http://digitalbush.com/tag/wordpress/" class='tag-link-92' title='2 topics' rel="tag" style="font-size: 8.66666666667pt;" mce_style="font-size: 8.66666666667pt;">wordpress</a>
<a href="http://digitalbush.com/tag/work/" mce_href="http://digitalbush.com/tag/work/" class='tag-link-77' title='2 topics' rel="tag" style="font-size: 8.66666666667pt;" mce_style="font-size: 8.66666666667pt;">work</a>
<a href="http://digitalbush.com/tag/x12/" mce_href="http://digitalbush.com/tag/x12/" class='tag-link-31' title='1 topic' rel="tag" style="font-size: 8pt;" mce_style="font-size: 8pt;">X12</a></div>
</li>
<li id="text-163717021" class="widget widget_text"><h2 class="widgettitle">Paying the Bills</h2>
			<div class="textwidget"><mce:script type="text/javascript"><!--
google_ad_client = "pub-5652178116036732";
/* 200x200, created 7/9/08 */
google_ad_slot = "4458756852";
google_ad_width = 200;
google_ad_height = 200;
// --></mce:script>
<mce:script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></mce:script></div>
		</li>
<li id="archives-2" class="widget widget_archive"><h2 class="widgettitle">Archives</h2>
		<select name="archive-dropdown" onchange='document.location.href=this.options[this.selectedIndex].value;'> <option value="">Select Month</option> 	<option value='http://digitalbush.com/2009/09/'> September 2009  (1)</option>
	<option value='http://digitalbush.com/2009/08/'> August 2009  (4)</option>
	<option value='http://digitalbush.com/2009/06/'> June 2009  (2)</option>
	<option value='http://digitalbush.com/2009/05/'> May 2009  (2)</option>
	<option value='http://digitalbush.com/2009/04/'> April 2009  (2)</option>
	<option value='http://digitalbush.com/2009/03/'> March 2009  (4)</option>
	<option value='http://digitalbush.com/2009/02/'> February 2009  (4)</option>
	<option value='http://digitalbush.com/2009/01/'> January 2009  (4)</option>
	<option value='http://digitalbush.com/2008/12/'> December 2008  (5)</option>
	<option value='http://digitalbush.com/2008/11/'> November 2008  (3)</option>
	<option value='http://digitalbush.com/2008/10/'> October 2008  (6)</option>
	<option value='http://digitalbush.com/2008/09/'> September 2008  (4)</option>
	<option value='http://digitalbush.com/2008/08/'> August 2008  (8)</option>
	<option value='http://digitalbush.com/2008/07/'> July 2008  (12)</option>
	<option value='http://digitalbush.com/2008/06/'> June 2008  (6)</option>
	<option value='http://digitalbush.com/2008/05/'> May 2008  (7)</option>
	<option value='http://digitalbush.com/2008/04/'> April 2008  (6)</option>
	<option value='http://digitalbush.com/2008/03/'> March 2008  (6)</option>
	<option value='http://digitalbush.com/2008/02/'> February 2008  (5)</option>
	<option value='http://digitalbush.com/2008/01/'> January 2008  (7)</option>
	<option value='http://digitalbush.com/2007/12/'> December 2007  (7)</option>
	<option value='http://digitalbush.com/2007/11/'> November 2007  (7)</option>
	<option value='http://digitalbush.com/2007/10/'> October 2007  (14)</option>
	<option value='http://digitalbush.com/2007/09/'> September 2007  (6)</option>
	<option value='http://digitalbush.com/2007/08/'> August 2007  (3)</option>
	<option value='http://digitalbush.com/2007/07/'> July 2007  (8)</option>
	<option value='http://digitalbush.com/2007/06/'> June 2007  (6)</option>
	<option value='http://digitalbush.com/2007/05/'> May 2007  (4)</option>
	<option value='http://digitalbush.com/2007/04/'> April 2007  (3)</option>
	<option value='http://digitalbush.com/2007/03/'> March 2007  (4)</option>
	<option value='http://digitalbush.com/2007/02/'> February 2007  (4)</option>
	<option value='http://digitalbush.com/2007/01/'> January 2007  (3)</option>
	<option value='http://digitalbush.com/2006/12/'> December 2006  (4)</option>
	<option value='http://digitalbush.com/2006/11/'> November 2006  (6)</option>
	<option value='http://digitalbush.com/2006/10/'> October 2006  (2)</option>
 </select>
</li>
<li id="twitter-1" class="widget widget_twitter"><h2 class="widgettitle"><a href="http://twitter.com/digitalBush" mce_href="http://twitter.com/digitalBush" class="twitter_title_link">Twitter</a></h2>
<ul class="twitter"><li class="twitter-item"> I have some podcasts to catch up on.  <a href="http://twitter.com/shanselman" mce_href="http://twitter.com/shanselman" class="twitter-user">@shanselman</a> <a href="http://twitter.com/codinghorror" mce_href="http://twitter.com/codinghorror" class="twitter-user">@codinghorror</a> you guys are up today. I hope you have something good for my commute.  <span class="twitter-timestamp"><abbr title="2009/09/10 06:47:42">1 hour ago</abbr></span></li><li class="twitter-item"> Moo.  <a href="http://twitpic.com/h4uee" mce_href="http://twitpic.com/h4uee" class="twitter-link">http://twitpic.com/h4uee</a>  <span class="twitter-timestamp"><abbr title="2009/09/09 18:30:56">13 hours ago</abbr></span></li><li class="twitter-item"> I'm up, dressed, packed, and ready to drive to work.  yay?  <span class="twitter-timestamp"><abbr title="2009/09/09 06:56:07">2009/09/09</abbr></span></li><li class="twitter-item"> Little guy is asleep in my lap.  Time to put him to bed and then find the backs of my eyelids.  <span class="twitter-timestamp"><abbr title="2009/09/08 21:27:16">2009/09/08</abbr></span></li><li class="twitter-item"> Just realized that half of my company is on facebook.  Maybe they won't find me... Quick, run and hide!  <span class="twitter-timestamp"><abbr title="2009/09/08 21:23:27">2009/09/08</abbr></span></li></ul></li>
</ul>
<!-- The main column ends  -->
<!-- begin footer -->
<div id="footer">
		<p>© 2009 Josh Bush | <a href="/wp-admin/" mce_href="wp-admin/">Admin</a> </p>
</div>
</div>
<!-- Google Analytics Tracking by Google Analyticator 5.2.1: http://plugins.spiralwebconsulting.com/analyticator.html -->
	<mce:script type="text/javascript"><!--
		var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
		document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
	
// --></mce:script>

	<mce:script type="text/javascript"><!--
	try {
		var pageTracker = _gat._getTracker("UA-917891-1");
		pageTracker._initData();
		pageTracker._trackPageview();
	} catch(err) {}
// --></mce:script>
			<mce:script type="text/javascript"><!--
				var analyticsFileTypes = ['js',''];
				var analyticsEventTracking = 'enabled';
			
// --></mce:script>
			</body>
</html>

<!-- Dynamic page generated in 0.539 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2009-09-10 06:53:25 -->
<!-- Compression = gzip -->
查看它的源代码不难发现，如果你需要其它格式的东西可以在definitions中添加你的定义:
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理
标签：
相关文章推荐
新的分享
章节导航