проверки html5 / jquery не работают для маски ввода jquery

Question

проверки html5 / jquery не работают для маски ввода jquery

0

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

Проблема заключается в том, что поле ввода контактов отправляется даже в пустое поле ввода. Его просто неспособность идентифицировать его как required поле в HTML5, используя 'jQuery validations', также приводит к тому же. Я предполагаю, что существует какой-то конфликт между jQuery Masked Input и HTML5/jQuery validations.

Мой код выглядит так:

<form action="" method="post" id="registration_form">

   <div class="container">

      <div class="div_left">Name <span class="red">*</span>   
           <input type="text" name="name" class="input_form" placeholder="Enter your Name" required>
      </div><br>
      <div class="div_left">Email <span class="red">*</span>   
           <input type="email" name="email" class="input_form" placeholder="Enter your Email" required>
      </div><br>
      <div class="div_left">Contact No. <span class="red">*</span>
           <input type="text" name="contact" class="input_form" class="required" id="jqxmaskedinput" required>
      </div><br>
      <div class="div_left">Nationality <span class="red">*</span>  
           <input type="text" name="nationality" class="input_form" placeholder="Enter your Nationality" required>
      </div><br>

   </div>

</div>

Использовал этот jquery как предложено плагином

<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/jqxcore.js"></script>
<script type="text/javascript" src="js/jqxmaskedinput.js"></script>

<script type="text/javascript">
    $(document).ready(function () {
        // Create jqxMaskedInput
        $("#jqxmaskedinput").jqxMaskedInput({ width: '308px', height: '23px', mask: '##########' });

    });
</script>

Пожалуйста помоги! Заранее спасибо.

Abhi 22 март 2014, в 14:20

Источник

0

Вы пробовали использовать jqxValidator?
Frankenscarf 22 март 2014, в 13:42

Теги:

jquery

html

html5

validation

1 ответ

Ещё вопросы

Вы пробовали использовать jqxValidator?

lshettyl · Answer 1 · 2014-03-22T11-26-00.000Z

JQuery:

$(document).ready(function () {
    var inputToMask = $("#jqxmaskedinput");
    // Create jqxMaskedInput
    inputToMask.jqxMaskedInput({ width: '308px', height: '23px', mask: '##########' });

    $('#registration_form').on('submit', function() {
        if ( $.trim(inputToMask.val()) == "") {
            alert ("empty field");
            return false;
        }
    });
});

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