jquery - 使用jquery验证引擎

Question

我的问题我的页面中有上述表格。我想使用 jquery 验证引擎验证表单。请告诉我如何验证它以及要包含哪些文件。现在，我已经将 jquery 验证引擎纳入我的脑海中。我只是想知道如何触发验证引擎并在文本字段的模糊上显示错误消息..提前非常感谢。请在下面找到我的代码:

<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 your form is valid
    }
}

需要更多帮助请评论我