запрет сохранения если в форме не введны все поля

456

26 октября 2017, 08:27

Здравствуйте. Подскажите пожалуйста, как можно запретить сохранение если в форме были заполнены не все поля и под полями высветить сообщение о том что поля не заполнены. Типо такого.

Использую JS, JSF и т.д.

Вот то что есть сейчас. Это кнопка сохранить, к списку и поле англ.

<tr>
                <th>
                    <label for="form:engLink">#{webAuthMsg.banner_link_eng}</label>
                </th>
                <td>
                    <h:inputText value="#{component.engLink}" id="engLink" maxlength="255"
                                 title="#{webAuthMsg.banner_link_eng}"/>
                    <h:message for="engLink" styleClass="error" />
                </td>
            </tr>
        </table>
        <h:commandLink value="#{commonMsg.to_list}" action="list" styleClass="list command" immediate="true"/>
        <h:commandLink value="#{commonMsg.save}" action="#{component.save}" styleClass="save command"/>
    </div>

Помогите пожалуйста.

Answer 1

Есть такой прикольный атрибут required(css)

Ваш пример:

<table ?? не знаю что у Вас здесь написано ?? >
    <tr>
        <th>
            <label for="form:engLink">#{webAuthMsg.banner_link_eng}</label>
        </th>
        <td>
            <h:inputText value="#{component.engLink}" id="engLink" maxlength="255"
                         title="#{webAuthMsg.banner_link_eng}" required/>
            <h:message for="engLink" styleClass="error"/>
        </td>
    </tr>
</table>

Если нужно стилизовать это дело - в css также доступен селектор :invalid.

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как разместить ссылки горизонтально

ЗдравствуйтеХочу разместить несколько ссылок, и чтобы у них появлялся горизонтальный скролл (если ссылки не влазят все на экран горизонтально)

242

HTML

Постраничная навигация с сортировкой

У меня таблица с сортировкой и если сортировать столбец ID то на первой странице она происходит, но если перейти на вторую то сортировка сбрасываетсяТо...

261

HTML