Я хочу создать всплывающее окно, которое сообщит пользователю, когда он не будет вводить имя, фамилию, номер или адрес электронной почты.
HTML:
<div class="form-group">
<label class="label-block" for="cname" data-new-placeholder="What is your name?">Ime</label>
<input name="firstName" minlength="3" type="text" required class="texbox">
</div>
<div class="form-group">
<label class="label-block" for="cemail">Email</label>
<input name="ctct" type="email" required="required" required class="texbox">
</div>
</div>
<div class=" col-md-6">
<div class="form-group">
<label class="label-block">Prezime</label>
<input name="lastName" type="text" required class="texbox">
</div>
<div class="form-group">
<label class="label-block">Telefon</label>
<input name="number" type="digits" required class="texbox">
</div>
</div>
JS:
<script src="scripts/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
<script>
$(document).ready(function () {
$("#configuration-form").validate({
messages: {
name: {
required: "Error!"
}
}
});
});
</script>
<script>
$("#commentForm").validate();
</script>
Это мой код в html и css... Мне удалось сделать мой текстовый редактор красным, когда письмо не в порядке. как создать этот всплывающий текст.
HTML: -
Проверка для электронной почты.
<input type="text" id="email">
<input type="submit" onclick="validateEmail()" >
Код JavaScript:
function validateEmail() {
var emailText = document.getElementById('email').value;
var pattern = /^[a-zA-Z0-9\-_]+(\.[a-zA-Z0-9\-_]+)*@[a-z0-9]+(\-[a-z0-9]+)*(\.[a-z0-9]+(\-[a-z0-9]+)*)*\.[a-z]{2,4}$/;
if (pattern.test(emailText)) {
return true;
} else {
alert('Bad email address: ' + emailText);
document.getElementById("email").style.backgroundColor = "Red";
return false;
}
}
Рабочая демонстрация для проверки электронной почты.
Надеюсь, это поможет вам.
Похоже, вы используете Twitter Bootstrap, и у них есть функция popover или предупреждающее сообщение, которое вы можете использовать: Bootstrap - popovers