<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Cyrill &#187; проверка</title>
	<atom:link href="http://cyrill.co.uk/tag/%d0%bf%d1%80%d0%be%d0%b2%d0%b5%d1%80%d0%ba%d0%b0/feed/" rel="self" type="application/rss+xml" />
	<link>http://cyrill.co.uk</link>
	<description>Чувак с пассатижами / sux, bugs &#38; plug ‘n’ play</description>
	<lastBuildDate>Thu, 23 Sep 2010 18:00:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Простая валидация ввода данных на клиенте c jQuery</title>
		<link>http://cyrill.co.uk/2008/02/11/unobtrusive-jquery-basic-form-validation/</link>
		<comments>http://cyrill.co.uk/2008/02/11/unobtrusive-jquery-basic-form-validation/#comments</comments>
		<pubDate>Mon, 11 Feb 2008 11:57:42 +0000</pubDate>
		<dc:creator>Cyrill</dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Дизайн информации]]></category>
		<category><![CDATA[Интерфейсы и юзабилити]]></category>
		<category><![CDATA[alphanumeric]]></category>
		<category><![CDATA[валидация]]></category>
		<category><![CDATA[проверка]]></category>
		<category><![CDATA[html form]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JQuery]]></category>

		<guid isPermaLink="false">http://cyrill.co.uk/2008/02/11/unobtrusive-jquery-basic-form-validation/</guid>
		<description><![CDATA[Маленький плагинчик к jQuery, позволяющий оградить пользователей от ввода букв в цифровые поля, цифр в буквенные и всякой излишней гадости в цифро-буквенные =) Разумеется, как и любая проверка на клиенте, этот скрипт имеет лишь превентивное действие. Если вы опасаетесь попыток взлома (а вы их опасаетесь, я уверен), обязательно проверяйте данные и на сервере. Скрипт доработан [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p>Маленький <a href="http://plugins.jquery.com/project/aphanumeric" title="jQuery alphanumeric" target="_blank">плагинчик</a> к <a href="http://jquery.com/" title="jQuery" target="_blank">jQuery</a>, позволяющий оградить пользователей от ввода букв в цифровые поля, цифр в буквенные и всякой излишней гадости в цифро-буквенные =)</p>
<p>Разумеется, как и любая проверка на клиенте, этот скрипт имеет лишь превентивное действие. Если вы опасаетесь попыток взлома (<em>а вы их опасаетесь</em>, я уверен), обязательно проверяйте данные и на сервере.</p>
<p>Скрипт доработан напильником и понимает по-русски. Использовать его очень просто:</p>
<p>1. Добавьте в ваш код jQuery (если еще не добавили =)) и модифицированный alphanumeric:</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">language</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;JavaScript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;js/jquery.js&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">language</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;JavaScript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;js/jq.alphanum.js&quot;</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span></pre></div></div>

<p>2. Обозначьте поля ввода, которые требуется отслеживать классами. Например, <em>alpha_only</em>,  <em>alphanum</em> и <em>num_only:</em></p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">input</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text&quot;</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;btime_1&quot;</span> <span style="color: #000066;">size</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;2&quot;</span> <span style="color: #000066;">class</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;num_only str&quot;</span>&gt;</span></pre></div></div>

<p>3. Включите плагин для обозначенных полей (в моем случае, в обозначенное поле можно ввести только цифры):</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span>script language<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;javascript&quot;</span><span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span>
$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'.num_only'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">numeric</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;/</span>script<span style="color: #339933;">&amp;</span>gt<span style="color: #339933;">;</span></pre></div></div>

<p>Скачайте обрусевший скрипт <a href="http://dev.cyrill.co.uk/dl/jq.alphanum.js" title="alphanumeric" target="_blank">тут</a>. За дополнительной документацией и примерами — проходите на <a href="http://itgroup.com.ph/alphanumeric/" target="_blank" title="alphanumeric examples and documentation">сайт разработчика плагина</a>.</p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://cyrill.co.uk/2008/02/11/unobtrusive-jquery-basic-form-validation/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

