2013-02-20 124 views
1

我想使用JQuery驗證引擎插件查看動態添加的隱藏輸入字段。用於動態添加隱藏輸入字段的JQuery驗證引擎

當提交表單時,至少有一個這些字段必須存在。

它試圖與groupRequired驗證實現這一

http://posabsolute.github.com/jQuery-Validation-Engine/#validators/grouprequired

<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/> 
        <script> 
        $(document).ready(function(){ 
         $("#tagform").validationEngine(); 
         }); 
        </script> 
     <form id="tagform"> 
       <input type="hidden" name="tags" id="tags-input" /> 
        <input type="hidden" name="inc" value="locate"> 
        <input type="hidden" class="validate[groupRequired[tagitem]]" name="validation"> 
        <br><br> 
        <input type="submit" value="Save Tags"> 

     </form> 

添加的字段是這樣的:

var formhtml ='<input type="hidden" name="tags[]" class="validate[groupRequired[tagitem]]" id="id'+itemid+'" parenttag="'+parent+'" value="'+itemid+'">'; 
       $("#tagform").append(formhtml); 

在它根本不檢查隱藏域的那一刻。

任何想法如何解決這個或另一種方法?

解決方法

用一個簡單的javaskript的onsubmit功能檢查標籤occurens

function checkForm(form) 
{ 
var count = $('input[name="tags[]"]').length; 
if(count == 0) { 
    alert("Select at least one tag");  
    return false; 
} 
alert ("Count " + count) 
return true; 
} 

仍然喜歡使用jQuery驗證引擎

+0

您試過將它們添加爲'「'instead? – Johan 2013-02-20 09:00:00

+0

nope但是好主意生病嘗試 – Dukeatcoding 2013-02-20 09:00:25

+0

沒有什麼區別,但值得一試 – Dukeatcoding 2013-02-20 09:01:36

回答

5

實例化jQuery驗證與validateNonVisibleFields

<script> 
    $(document).ready(function(){ 
     $("#formID").validationEngine({validateNonVisibleFields: true, 
     updatePromptsPosition:true}); 

     }); 
    </script> 

你還有問題,jquery/Javascript無法獲得隱藏字段的位置。因此,請使用樣式可見性:隱藏。

<input name="hiddenq2" type="text" value="" class="validate[required]" jqtop="500" id="form-validation-field-1" style="visibility: hidden"> 

您仍然可能需要使用promptPosition選項稍微調整一下,但至少會出現某些內容。

+0

你好, 我試着添加這個選項,但我仍然無法看到隱藏字段的錯誤信息,請告訴我它會支持哪個? – 2015-10-20 13:17:10