Главная » Файлы » Прочие скрипты » jQuery

Задаём типы вводимых символов в форму через плагин NumberLetters на jQuery для uCoz
23.06.14, 14:32:27

Скачать файл




Данный плагин позволяет задать лишь определённые символы при вводе в форму. К примеру, вы сможете ввести лишь цифры или буквы, пробелы и другие символы будут запрещены

Для начала посмотрите ДЕМО

Установка:

После /head на нужных страницах вставляйте:
Код
<style type="text/css">  
  span.error {  
  font-style: italic;  
  font-weight: bold;  
  color: red;  
  }  

  div.validationCase {  
  padding: 20px 15px;  
  border: 1px solid;  
  background: none repeat scroll 0 0 #EEEEEE;  
  margin-bottom:15px;  
  }  

  div.validationCase p{  
  font-style:italic;  
  }  

  form label{  
  display:inline-block;  
  width: 220px;  
  }  

  form span{  
  font-style:italic;  
  color:gray;  
  }  
  </style>

  <script type="text/javascript" src="/js/jquery.numberLetters.js"></script>
  <script type="text/javascript">
  $(document).ready(function() {  
  $("input.letters").letters();  
  $("input.lettersAndSpace").lettersAndSpace();  
  $("input.numberLetters").numberLetters();  
  $("input.numberLettersAndSpace").numberLettersAndSpace();  
  $("input.numbers").numbers();  
  });
  </script>


Форма оформляется следующим образом:
Код
<div class="validationCases">
  <div class="validationCase">
  <form>
  <label>Только буквы:</label>
  <input type="text" class="letters" name="name" maxlength="20" value=""/>
  <span>Code: $("input.letters").letters();</span>
  </form>
  <form>
  <label>Бкувы и пробелы:</label>
  <input type="text" class="lettersAndSpace" name="name" maxlength="20" value=""/>
  <span>Code: $("input.lettersAndSpace").lettersAndSpace();</span>
  </form>
  <form>
  <label>Буквы и цифры:</label>
  <input type="text" class="numberLetters" name="name" maxlength="20" value=""/>
  <span>Code: $("input.numberLetters").numberLetters();</span>
  </form>
  <form>
  <label>Цифры, буквы и пробелы:</label>
  <input type="text" class="numberLettersAndSpace" name="name" maxlength="20" value=""/>
  <span>Code: $("input.numberLettersAndSpace").numberLettersAndSpace();</span>
  </form>
  <form id="validateAfterAll">
  <label>Только цифры:</label>
  <input type="text" class="numbers" name="name" maxlength="20" value=""/>
  <span>Code: $("input.numbers").numbers();</span>
  </form>
  </div>
  </div>


Осталось лишь залить скрипт из прикреплённого архива в папку js

Материал подготовлен Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: NumberLetters, символов, типы, Через, вводимых, форму, на, плагин, JQuery, Задаём
Просмотров: 190 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: