Используйте reame_easy_field_validation_with_prototype для проверки формы, конкретное содержание следующим образом
1. Первый шаг, конечно, - сначала представить файлы JS и CSS.
<link href = "$ {ctx} /skin/css/validation.css" rel = "stylesheet" type = "text/css"/> <script type = "text/javascript" src = "$ {ctx} /scripts/protoppe.js"> </script> <script = j -ytexcript "$" ctx} /scripts/validation.js "> </script>2. Затем я добавил следующий код в начале страницы (я помещаю этот код в Meta.jsp, потому что каждый JSP содержит его в заголовке.)
функция после загрузки () {if (document.all) {var forms = document.forms; if (forms.length> 0) {for (var i = 0; i <forms.length; i ++) {if (forms [i] ["Метод: сохранение"]) Новая проверка (Forms [i]); }} window.clearInterval (inteval); Integer = null; }} var integer = window.setInterval ("Afterload ();", 500);3. Если вы хотите проверить окно ввода, просто добавьте несколько логотипов в его класс. нравиться
Скопируйте код кода следующим образом: <input type = "text" name = "payable.howmuch" value = "" id = "payable_howmuch"/>
Это означает, что это поле требуется и должно быть номером. Для другого контента просто посмотрите на код в конце Validation.js, и вы поймете.
4. Кроме того, я внес некоторые изменения в Validation.js, потому что одна из наших форм имеет несколько кнопок отправки, и, как правило, только имя = метод: кнопка сохранения необходимо запустить при нажатии, поэтому проверка JS модифицируется.
Поместите оригинальный
Кода кода выглядит следующим образом: if (this.options.onsubmit) event.observe (this.form, 'отправить', this.onsubmit.bind (this), false);
Изменить на
Копия кода выглядит следующим образом: if (this.options.onsubmit) event.observe (this.form ["method: save"], 'click', this.onsubmit.bind (this), false);
Есть проблемы с этим, но для того, кем мы являемся сейчас, это более подходит.
5. Оригинальный CSS оказал влияние на кнопки и т. Д., Поэтому я удалил все содержимое этих границ.
6. Эта структура проверки, по -видимому, рассматривает только некоторые ситуации. Если вы хотите гибко использовать его, вам нужно занять некоторое время, чтобы понять это подробно. Это также обеспечивает механизм обратного вызова. После загрузки своей оригинальной версии вы можете увидеть демонстрацию в HTML.
Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.