Проблема во всплывающем сообщении валидатора jquery

0

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

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... Мне удалось сделать мой текстовый редактор красным, когда письмо не в порядке. как создать этот всплывающий текст.

  • 0
    jqueryvalidation.org
  • 0
    я добавляю некоторые jquery-скрипты .. как '<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 (); </ Скрипт>»
Теги:

2 ответа

1
Лучший ответ

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;
    }
}

Рабочая демонстрация для проверки электронной почты.

Надеюсь, это поможет вам.

2

Похоже, вы используете Twitter Bootstrap, и у них есть функция popover или предупреждающее сообщение, которое вы можете использовать: Bootstrap - popovers

Ещё вопросы

Сообщество Overcoder
Наверх
Меню