Как проверить сворачиваемый блок контента с помощью jquery validation Enginejs

Я создал и сворачиваемый контент, который имеет некоторые поля, и для проверки я использовал jquery.validationEngine.js. Проблема в том, что когда сворачиваемый имеет значение true, он не показывает параметр проверки, но если он неверен, он работает нормально то, что я хочу, это если есть ошибка в сворачиваемом содержимом, оно должно установить сворачиваемое значение false.

Вот код html-страницы:

<div data-role="collapsible" id='collapsible_2' data-theme="b" data-content-theme="c" style="padding-bottom: 10px">
  <h3>Contact Information</h3>
  <p align="left" style="margin-bottom: 2px"><font color="#3C6FA1"><b>EMAIL ADDRESS</b></font></p>
   <hr>
  <input class="validate[required] text-input" id="email_id" name="emailId" type="text" placeholder="[email protected]" >
  <p align="left" style="margin-bottom: 2px"><font color="#3C6FA1"><b>PHONE NUMBER</b></font></p>
   <hr>
  <input class="validate[required] text-input" id="main" name="main" type="number" min="0" max="9" maxlength="10" placeholder="Main" >
  <input class="validate[required] text-input" id="mobile" name="mobile" type="text" placeholder="Mobile" >
  <p align="left" style="margin-bottom: 2px"><font color="#3C6FA1"><b>FAX NUMBER</b></font></p>
   <hr>
  <input class="validate[required] text-input"id="fax" name="fax" type="text" placeholder="Fax" >
  <p align="left" style="margin-bottom: 2px"><font color="#3C6FA1"><b>WEBSITE</b></font></p>
   <hr>
  <input class="validate[required] text-input" id="website" name="website" type="text" placeholder="Website" >
  <p align="left" style="margin-bottom: 2px"><font color="#3C6FA1"><b>ADDRESS</b></font></p>
   <hr>
  <input class="validate[required] text-input" id="street_address" name="street_address" type="text" placeholder="Street Address">
  <input class="validate[required] text-input" id="city" name="city" type="text" placeholder="City">
  <input class="validate[required] text-input" id="Region" name="Region" type="text" placeholder="Region">
  <input class="validate[required] text-input" id="postal_code" name="postal_code" type="text" placeholder="Postal Code">
  <select name="select-choice-c" id="select-choice-c" data-native-menu="false" data-theme="a">
    <option>Select Country</option>
    <option value="standard">India</option>
    <option value="rush">Australia</option>
    <option value="express">England</option>
    <option value="overnight">SriLanka</option>
  </select>
</div>

вот java-скрипт, который я использовал:

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

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

<head>
  <link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
  <link rel="stylesheet" href="css/template.css" type="text/css"/>
  <script src="js/jquery.js" type="text/javascript"></script>
  <script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
  <script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
  <link rel="stylesheet" href="contactcss/jquery.mobile-1.3.1.min.css"/>
  <script src="js/jquery.mobile-1.3.1.min.js"></script>
  <script type="text/javascript" charset="utf-8" src="js/cordova-2.7.0.js"></script>
</head>

jquery-mobile cordova-2.0.0 jquery-validation-engine
person Neerav Shah    schedule 17.07.2013    source источник
comment
Вы имеете в виду свернуть/развернуть?   -  person Omar    schedule 17.07.2013
comment
да, я решил проблему, просто внося изменения в файл js, и это сработало. Но знайте, что я хочу, когда проверка не удалась, он должен установить для calllapse значение false, что означает, что он должен указывать на это поле.   -  person Neerav Shah    schedule 17.07.2013

Ответы (1)


arrow_upward
0
arrow_downward

только что внес некоторые изменения в файлы jquery.validationEngine.js, как показано ниже:

if (!options.validateNonVisibleFields && (field.is(":hidden") && !options.prettySelect || field.parent().is(":hidden")))
            return false;

To:

if (!options.validateNonVisibleFields && (field.is(":hidden") && !options.prettySelect || field.parent().is(":hidden")))
            return true;

и из :

validateNonVisibleFields: false,  lineNo:2008

To:

validateNonVisibleFields: true,
person Neerav Shah    schedule 17.07.2013