Плагин проверки jQuery: у меня есть несколько изображений, и нужно выбрать одно изображение

Question

Я использую плагин проверки jQuery, но моя форма включает в себя какой-то селектор изображений, и мне нужно, чтобы он был проверен, если выбрано одно изображение или нет ... но я не знаю, возможно ли это в плагине проверки jQuery. Вот фрагмент кода:

<div id="options">
    <h1>Type</h1>
    <ul>
        <li>
            <p><a href="#"><img src="../images/general/option1.png" /></a>option1</p>
        </li>
        <li>
            <p><a href="#"><img src="../images/general/option2.png" /></a>option2</p>
        </li>
        <li>
            <p><a href="#"><img src="../images/general/option3.png" /></a>option3</p>
        </li>
        <li>
            <p><a href="#"><img src="../images/general/option4.png" /></a>option4</p>
        </li>
    </ul>
</div>

Как мне проверить это в плагине проверки jQuery?

Answer 1

@ Кевин Ли, проверьте этот плагин Jquery http://jordankasper.com/jquery/imagecheck/examples.php

Вам просто нужно применить этот плагин к группе радио / флажков (при необходимости) и установить проверку «требуется» для поля ввода радио / флажков, связанных с изображением. И весь ваш код должен быть внутри тега, т.е.

<form id='gallery_form'>
 <label>Sea</label>
 <input type='checkbox' name='image_gallery' value='sea' />

 <label>Mountain</label>
 <input type='checkbox' name='image_gallery' value='mountain' />

 <label>Sky</label>
 <input type='checkbox' name='image_gallery' value='sky' />

 <label>Sun</label>
 <input type='checkbox' name='image_gallery' value='sun' />

</form>

И JavaScript

$(document).ready(function(){

      $('input[name="image_gallary"]').each(function(){
              var src=this.value;
              $(this).simpleImageCheck({
                  image: src+'.png'
                  imageChecked: src.'_selected.png'
               });

      });

     $("#gallery_form").validate();

  });

просто чтобы дать вам и надежду, что это будет полезно:)

Answer 2

Я думаю, что вам лучше всего использовать собственный код, основанный на том, что вы сказали.Если у вас уже есть ограничитель, обеспечивающий наличие только одного изображения с выбранным классом, просто запустите $ (". Любой") и проверьте, равна ли длина единице.Это всего 3 строки кода.

Answer 3

Вы можете рассматривать выбор изображения как набор входов переключателей и использовать проверку JQuery, чтобы требовать проверки одного из них. См. Этот сайт: http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/ для примера использования изображений в качестве переключателей.

Если вы хотите добавить поддержку нескольких вариантов выбора, вместо переключателей можно использовать флажки.