В этой статье поделился код пользовательского модуля Java Online Bookstore для вашей ссылки. Конкретный контент заключается в следующем
Изображение воспроизведения:
Register.js
$ (function () {/ * * 1. Получить все сообщения об ошибках и цикл над ними. Вызовите метод, чтобы определить, отображается ли сообщение об ошибке! */$ (".. erronclass"). Каждый (function () {showerRor ($ (this)); // Передача каждого элемента и используйте каждый элемент, чтобы вызвать метод душа}); * * 2. Toggle toggle the Image of Registration */$ (#); function () {$ ("#отправить"). attr ("src", "/goods/images/regist2.jpg"); $ (". inputclass"). Focus (function () {var labelid = $ (this) .attr ("id") + "ошибка"; // Найти соответствующий идентификатор метки через входную коробку $ ("#" + labelid) .Text (""); // Очистить содержание метки! Проверки*/$ (". inputclass"). Blur (function () {var id = $ (this) .attr ("id"); // Получить идентификатор текущего окна ввода var funname = "validate" + id.subString (0,1). вызов}); /** 5. Проверьте при отправке формы*/$ ("#registform"). Repect (function () {var bool = true; // Укажите, что проверка проходит if (! ValidateLoginName ()) {bool = false;} if (! ValidateLoginpass ()) {bool = fail if (! validate ()) {bool = false; var value = $ ("#" + id) .val (); // Получить содержимое окна ввода/ * * 1. Непульсная проверка */if (! Value) {/ * * Получить соответствующую метку * Добавить сообщение об ошибке * Показать этикетку */$ ("#" + id + "ошибка"). ShowerRor ($ ("#" + id + "ошибка")); вернуть ложь; } / * * 2. Проверка длины * / if (value.length <3 || value.length> 20) { / * * Получить соответствующую метку * Добавить сообщение об ошибке * Показать этикетку * / $ ("#" + id + "ошибка"). Текст («Длина имени пользователя должна быть от 3 до 20!»); ShowerRor ($ ("#" + id + "ошибка")); ЛОЖЬ; }/** 3. Зарегистрируйте проверку*/$ .ajax ({url: "/goster/userervlet", // Сервлет для запроса данных: {Метод: "ajaxvalidateLoginName", loginName: значение}, // Параметры для сервера: "post", datAtyp: "json", Async: falsy is is is is is is is is is is is is is is is is is is is is is is is is is is is is isy is ytyyn Асинхронно, мы не будем ждать, чтобы сервер вернулся, и наша функция будет работать вниз. return true;}/** Метод проверки пароля. var value = $ ("#" + id) .val (); // Получите контент ввода/ * * 1. Непутная проверка */if (! value) {/ * * Получить соответствующую метку * Добавить сообщение об ошибке * Показать этикетку */$ ("#" + id + "ошибка"). Текст («Пароль не может быть пустым!»); ShowerRor ($ ("#" + id + "ошибка")); вернуть ложь; } / * * 2. Проверка длины * / if (value.length <3 || value.length> 20) { / * * Получить соответствующую метку * Добавить сообщение об ошибке * Показать метку * / $ ("#" + id + "ошибка"). Текст ("Длина пароля должна быть от 3 до 20!"); ShowerRor ($ ("#" + id + "ошибка")); ЛОЖЬ; } вернуть true; }/** Подтверждение метода проверки пароля*/function valyaterEloginPass () {var id = "reloginpass"; var value = $ ("#" + id) .val (); // Получить содержимое окна ввода/ * * 1. Непульсная проверка */if (! Value) {/ * * Получить соответствующую метку * Добавить сообщение об ошибке * Показать метку */$ ("#" + id + "ошибка"). ShowerRor ($ ("#" + id + "ошибка")); вернуть ложь; } / * * 2. Проверьте, согласны ли два входа * / if (value! = $ ("#Loginpass"). Val ()) { / * * Получить соответствующую метку * Добавить сообщение об ошибке * Показать этикетку * / $ ("#" + id + "ошибка"). Текст («Два ввода бессостоятельны!»); ShowerRor ($ ("#" + id + "ошибка")); ЛОЖЬ; } вернуть true; }/** Метод проверки электронной почты*/function validateemail () {var id = "email"; var value = $ ("#" + id) .val (); // Получить содержимое окна ввода/ * * 1. Не-нулевая проверка */if (! value) {/ * * Получить соответствующую метку * Добавить сообщение об ошибке * Показать этикетку */$ ("#" + id + "ошибка"). Текст ("Электронное письмо не может быть пустым!"); ShowerRor ($ ("#" + id + "ошибка")); вернуть ложь; }/ * * 2. Проверка формата формата электронной почты */if (!/^([A-za-z0-9 _-])+@([a-za-z0-9 _-])+(/. $ ("#" + id + "ошибка"). Текст ("формат электронной почты ошибки!"); ShowerRor ($ ("#" + id + "ошибка")); ЛОЖЬ; }/** 3. Зарегистрируйте и проверяйте*/$. не дождается, чтобы сервер вернулся, и наша функция будет работать вниз. вернуть истину; }/** Метод проверки кода проверки*/function validateVerifyCode () {var id = "verifyCode"; var value = $ ("#" + id) .val (); // Получить содержимое окна ввода/ * * 1. Непульстная проверка */if (! Value) {/ * * Получить соответствующую метку * Добавить сообщение об ошибке * Показать этикетку */$ ("#" + id + "ошибка"). ShowerRor ($ ("#" + id + "ошибка")); вернуть ложь; } / * * 2. Проверка длины * / if (value.length! = 4) { / * * Получить соответствующую метку * Добавить сообщение об ошибке * Показать метку * / $ ("#" + id + "ошибка"). Текст ("Код неправильной проверки!"); ShowerRor ($ ("#" + id + "ошибка")); ЛОЖЬ; }/** 3. Это правильно*//$. Асинхронно, мы не будем ждать, чтобы сервер вернулся, и наша функция будет работать вниз. вернуть истину; }/ * * Определите, имеет ли текущий элемент содержание. Если она существует, страница не будет отображаться! */function showerror (ele) {var text = ele.text (); // Получить содержимое элемента if (! text) {// Если нет контента ele.css ("display", "non"); // скрыть элемент} else {// Если есть контент ele.css ("display", "); {/** 1. Получить элемент <img>* 2. Сбросить его src* 3. Используйте Milliseconds, чтобы добавить параметр*/$ ("#imgverifycode"). Attr ("src", "/hoeld/verifycodeservlet? A =" + new Date (). GetTime ();};};};};};};};};Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.