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

获取更多帮助评论我

Answer 2

请参阅此 jQuery.validationEngine ，了解如何使用验证引擎。

要编写自定义规则，请参阅此问题 jQuery Validate Plugin - How to create a simple custom rule?

Answer 3

所有事情都是正确的，你这样做是正确的，你可以调用这个方法来验证表单的所有字段

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

如果表单的所有字段都验证正确，则返回true，否则返回false

Answer 4

按照：

从here.下载jquery验证引擎插件并解压缩。

在文件夹中，您可以找到这两个文件。

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

复制＆amp;粘贴资源 - ＆gt;脚本 - ＆gt;你的工作项目。

然后更改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>

使用jquery验证引擎

4 个答案: