使用 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 your 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

按照這個：

從這里下載 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>