используя механизм проверки jquery

Question

Мой вопрос, у меня есть форма выше на моей странице. Я хочу проверить форму с помощью механизма проверки jquery. Можете ли вы сказать мне, как проверить его и какие файлы включить. Теперь я включил в мою голову движок проверки jquery. я просто хочу знать, как запустить механизм проверки и показать сообщение об ошибке onblur текстовых полей .. большое спасибо заранее. пожалуйста, найдите мой код ниже:

<script src="../js/jquery-1.6.min.js" type="text/javascript"></script>
<script src="scripts/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
<script src="scripts/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">

    jQuery(document).ready(function(){
        // binds form submission and fields to the validation engine
        $('#myForm').validationEngine('validate');
    });


</script>
<form class="container" id="myForm" method="post" action="">
    <div>
        <span>Field is required : </span>
        <label for="Firstname">Firstname</label>
        <input type="text" class="validate[required] text-input" id="name" name="Firstname"/>
    </div>
    <div>
        <span>Field is required : </span>
        <label for="name">middlename</label>
        <input type="text" id="name" name="middlename" class="validate[required] text-input"/>
    </div>
    <div>
        <span>Field is required : </span>
        <label for="name">lastname</label>
        <input type="text" id="name" name="lastname" class="validate[required] text-input"/>
    </div>
</form>

Answer 1

измените свой код jquery на:

<script type="text/javascript">

   jQuery(document).ready(function(){
       // binds form submission and fields to the validation engine
       $('#myForm').validationEngine();
   });

</script>

, затем добавьте некоторый класс в поле формы, например:

это текст ввода, и он необходим:

<input type='text' class="validate[required] text-input">

или этот текст для ввода только электронных писем:

<input type='text' class="validate[required,custom[email]] text-input">

нажмите кнопку и в ее событии Click вызовите функцию javascript, например:

function myValidation()
{

    if ($('#myForm').validationEngine('validate'))   
    { 
        //do somthing here beacause you form is valid
    }
}

для получения дополнительной информациипомогите прокомментировать меня

Answer 2

Обратитесь к этому jQuery.validationEngine , чтобы узнать, как использовать Механизм проверки.

Для написания пользовательского правила обратитесь к существующему вопросу jQuery Validate Plugin - Как создать простое пользовательское правило?

Answer 3

все идет хорошо, и вы делаете это правильно, вы можете просто вызвать этот метод, чтобы проверить все поля вашей формы

$('#myForm').validationEngine('validate');

это вернет true, если все поля вашей формы подтвердят правильность, иначе вернет false

Answer 4

Следуйте этому:

Загрузите плагин механизма проверки jquery с здесь. И распакуйте его.

Внутри папки вы можете найти эти два файла.

jquery.validationEngine-en.js 
jquery.validationEngine.js

Копирование и вставка в ресурсы-> скрипты-> вашего рабочего проекта.

Затем измените путь src, как показано ниже.

<script src="assets/scripts/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>

<script src="assets/scripts/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>

В вашем коде выполните следующие действия:

<script>
    $(document).ready(function(){
        $("#id of ur form").validationEngine();
    });
</script>