Да, я подозревал, что решение этой проблемы будет ненужным осложнением вещей, которые уже существуют. А с различными битами AJAX, добавляющими и удаляющими элементы, было бы еще хуже. Благодарю.

ли на странице HTML / PHP отображать несколько экземпляров стандартного сообщения «Пожалуйста, заполните это поле»? Как и в, рядом с / под каждым обязательным полем, которое является пустым напопытка представления, Решения с JavaScript или JQuery являются предпочтительными.

Элементы ввода уже имеютrequired атрибут, и первый из них, который не заполнен, сопровождается сообщением проверки по умолчанию.

Пример желаемого результата можно увидетьВот

Честно говоря, я не вижу в этом смысла, но один из наших клиентов был довольно непреклонен с этой просьбой.

 hungrykoala20 сент. 2017 г., 13:29
@FiddlingAway обязательные поля подскажут, если они не заполнены
 prasanth20 сент. 2017 г., 13:16
Пытатьсяrequired
 hungrykoala20 сент. 2017 г., 13:33
Для этого вам нужно будет создать собственную JS-проверку.
 FiddlingAway20 сент. 2017 г., 13:30
@hungrykoala Я знаю, и я сказал это в вопросе. То, что я хочу, это подсказка для каждого из нихв то же время, Пожалуйста, смотрите скриншот в моем вопросе.
 FiddlingAway20 сент. 2017 г., 13:27
Поля @prasad уже помечены как обязательные. Я хочу отобразить «пожалуйста, заполните это поле»в то же время для всех незаполненных обязательных полей.

Ответы на вопрос(2)

Решение Вопроса

и отобразить необходимый ответ.

Вот как я бы проверил, если поле не пустое:

function checkName(val){
        if(/^[^-\s][\w\s]+$/.test(val)){
            return true;
        }else{
            if(val.length != 0){
                return false;
            }
        }
    }

что ссылка, которую вы разместили, демонстрирует использованиеreportValidity, Имейте в виду, это не поддерживается в некоторых браузерах.

var formElement = document.querySelector('#the-form');
formElement.reportValidity();

посколькуreportValidity может произойти сбой (если он не реализован в браузере), вы можете просто сделать быструю и грязную проверку:

if (formElement.reportValidity) //check that the function exists on the form object
    formElement.reportValidity()

Это зависит от входных элементов, имеющих атрибуты проверки html5, такие как<input type="text" minlength=4 required>.

Если вам нужен более полный процесс проверки, вам придется написать гораздо более сложную часть программного обеспечения или повторно использовать существующее решение.

 FiddlingAway20 сент. 2017 г., 13:45
Да, я подозревал, что решение этой проблемы будет ненужным осложнением вещей, которые уже существуют. А с различными битами AJAX, добавляющими и удаляющими элементы, было бы еще хуже. Благодарю.

Ваш ответ на вопрос