Блог

Главная - Вопросы по программированию - Показывать обязательные поля при загрузке страницы

Показывать обязательные поля при загрузке страницы

#javascript #jquery #html

#javascript #jquery #HTML

Вопрос:

Я использую атрибут required для всех обязательных полей в моей форме. Как и должно быть, при отправке формы добавляется красная рамка вокруг полей, которые являются обязательными, но не заполнены. Есть ли способ показать красные границы для всех обязательных полей при загрузке страницы, а не только для тех, которые не были заполнены при отправке? Спасибо за любую помощь.

dr1054

Ответ №1:

вы можете нажать на отправить :

 $("you-form").on("submit",function(){
   $("input[required=required]").each(function(){
        $(this).css("border":"1px solid red");
   })


});

Комментарии:

1. или вы можете сделать это в css, например input[require=обязательно]{граница: 1 пиксель сплошного красного цвета}

2. Спасибо Араз. Я не очень хорошо знаком с jquery. Что бы я использовал для «you-form»? Кроме того, будет ли это распространяться также на переключатели и текстовые области? Спасибо.

3. Кроме того, Араз … я хотел, чтобы это отображалось при загрузке, так что не мог бы я изменить «отправить» на «загрузить»?

4. лучше использовать css. смотрите, как поместить required=»обязательно» в поле ввода или textarea, а затем в css написать: input[обязательно=required],textarea[обязательно=required] {граница: сплошной красный размер 1 пиксель}