Эта статья поделилась специальными эффектами веб -страницы Special JS Text Text Box для вашей ссылки. Конкретный контент заключается в следующем
Пример 1: Пусть текстовое поле имеют только подчеркивание.
<script type = "text/javascript"> function changetextyle () {// Пусть текстовое поле имеет только недостатки // Получить текстовое поле dom var mytext = document.getElementbyid ("mytext"); mytext.style.bordercolor = 'black'; // Установить цвет границы mytext.style.borderstyle = 'solid'; // Установить стиль границы на сплошную линию mytext.style.borderwidth = '0 0 1px 0'; // Установить размер границы, 0 означает no} </script>Пример 2: Первая буква или все письма капитализируют
<script type = "text/javascript"> // Функция проверки формата validateInput () {// Получить DOM текстового поля var myText1 = document.getElementById ("myText1"); var myText2 = document.getElementById ("myText2"); var val1 = mytext1.value; // значение текстового поля 1 var val2 = myText2.value; // значение текстового поля 2 var errmsg = ''; // Определите подсказку ошибки Символ // Защита, начинается ли он с заглавных букв if (val1! = '' && (val1.charat (0)> 'z' || val1.charat (0) <'a')) {// Символ ошибки errmsg = 'Первая буква текстового поля 1 должна быть зачислена в число/n'; оповещение (errmSg); } if (val2! = '' &&! // b [az]+/b/.test (val2)) {// split error armer errmsg = 'Первая буква текстового поля 2 должна быть заглавной/n'; оповещение (errmSg); }} </script>Пример 3: Текстовые поля, которые могут вводить номера.
<script type = "text/javascript"> // Функция проверки формата validateInput () {// Получить DOM текстового поля var myText = document.getElementById ("myText"); var val = mytext.value; // Получить значение, введенное пользователем if (! // b [0-9]+/b/.test (val)) {// Использовать регулярную проверку Alert ('только введите номера'); // Сообщение об ошибке наконечника}} </script>Пример 4: Проверьте формат электронной почты с регулярными выражениями
<script type = "text/javascript"> // Функция проверки формата validateInput () {// Получить DOM текстового поля var myText = document.getElementById ("myText"); var email = mytext.value; // Получите ввод электронной почты пользователем // Определите регулярное выражение var emailreg = /^(^A-za-z0-9_-))+@(* za-za-z0-9_-))фон(/.za-za-z0-9_-Затем <2,3 )) if (emailgreg.test (email)) {// Судья, соответствует ли он оповещением требований к формату («Сертификация передается, разрешено представление»); // pass} else {alert ("Проверка не удастся, пожалуйста, проверьте, чтобы повторно включить"); // Проверка не удалась}}} </script>Пример 5: Очистите контент текстового поля, когда он станет фокусом
<script type = "text/javascript"> // очистить функцию контента clearContent (myText) {myText.value = ''; // Установить значение текстового содержимого на нулевый символ} </script> <input type = "text" value = "" onfocus = "clearContent (this)"/>Пример 6: После немедленного входа в формат проверка формата
<script type = "text/javascript"> function valiveTetel () {// Проверка формата // Получить DOM текстового поля var mytel = document.getelementbyid ("mytel"); var val = mytel.value; // Получить значение, введенное пользователем if (! // b [0-9]+/b/.test (val)) {// Использовать регулярную проверку Alert ('только введите номера'); // Сообщение об ошибке запроса // Изменить стиль, привлечь внимание mytel.style.border = '1px solid red'; } else if (val.length! = 11) {// Длина должна быть 11-битной оповещением ('номер мобильного телефона-11-битный'); // Ответьте на сообщение об ошибке // Измените стиль, чтобы привлечь внимание mytel.style.border = '1px solid red'; } else {// изменить стиль, чтобы указать, что mytel.style.border = '1px solid green'; вернуть истину; }} </script> <input type = "text" value = "" id = "mytel" onblur = "valiveTetel ()"/>Пример 7: Граница текстового поля мигает при вводе текста
Лучше всего писать Onfocus () и Onblur () в парах!
<script type = "text/javascript"> // инициализировать функцию функции init () {// Получить все текст dom var texts = document.getelementsbytagname ('input'); // Передача все текстовые поля для (var i = 0; i <texts.length; i ++) {var t = texts [i]; // текущее текстовое поле var timer; // Супервизор Фокус событие t.onfocus = function () {var e = this; // сохранить ссылку на текущий DOM // Таймер, который начинает Flash = setInterval (function () {// Получить ток -переменную цвет границы var c = e.style.bordercolor; if (c == 'желтый') {// if wyly e.style. Color} else {// В противном случае граница станет желтой e.style.bordercolor = 'желтый'; t.onblur = function () {// говорит о оставленных событиях // восстанавливает пограничный цвет t.style.bordercolor = ''; clearInterval (timer); // clear timer}}}} </script> <body style = "text-align: center;" OnLoad = "init ();">Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.