Member 14872744 Ответов: 2

Html 5 Обязательное поле валидатор не показывает сообщение проверки

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


Любая помощь будет высоко оценена

Что я уже пробовал:

<form id="newrentalform">
    <div class="form-group">
        <label>Customer</label>
        <div class="tt-container">
            <input id="customer" required type="text" value="" class="form-control"/>
         </div>
    </div>
</form>

2 Ответов

Рейтинг:
0

kp564

Пожалуйста, попробуйте ниже код, который я проверил и работает над й страницы я проверил локально 

<form id="newrentalform">
    <div class="form-group">
        <label>Customer</label>
        <div class="tt-container">
            <input id="customer" required type="text" value="" class="form-control" />
        </div>
    </div>
    <input id="customer"  type="submit" value="Subit" class="form-control" />
</form>

Рейтинг:
0

Andre Oosthuizen

Тот же вопрос был задан и я ответил Там -

I presume that customer input is the element you are talking about.

Javascript will return a message if no value has been added, maybe why it does not work in your sample as the java code was not copied over. With the required field, it will only show a small pop-up at the element that says required in Chrome, no messages at all.


<pre><button class="btn btn-primary" onclick="validateme();">Submit</button>


<pre><script type="text/javascript">
		function validateme() { 
			var customer = document.getElementById('customer');

			if (customer.length == 0 && customer.value == "") {
				alert('No valid customer added.');
				document.getElementById('customer').focus();
}
</script>