Только Разрешить страницу переключения, если JQuery Mobile Switch включен ДА - PullRequest
0 голосов
/ 11 января 2012

Привет, я просто хочу создать Переключатель форм из jQuery Mobile, где пользователь должен выбрать все до ДА, чтобы перейти на следующую страницу - чтобы он мог нажать кнопку.Если для одного из 3 установлено значение «Нет», он должен получить сообщение об ошибке, в котором говорится, что необходимо установить значение «ДА» только для параметра «Отображать имя без ведьмы») в качестве всплывающего окна, если он пытается щелкнуть ссылку

Это пример кода для переключателя

    <label for="switch_ Documents/Preflight Inspection">Select slider:</label>
<select name="slider" id="flip-a" data-role="slider">
    <option value="off">Off</option>
    <option value="on">On</option>
</select> 

http://jquerymobile.com/test/docs/forms/switch/

Было бы здорово, если бы кто-то мог мне помочь

1 Ответ

0 голосов
/ 11 января 2012

http://jsfiddle.net/Attrc/

//bind event handler to the form for the submit event
$('form').bind('submit', function () {

    //cache the slider elements and setup a flag for success/failure
    var $sliders = $(this).find('.ui-slider-switch'),
        goNext   = true;

    //iterate through the sliders
    for (var i = 0, len = $sliders.length; i < len; i++) {

        //if this index's value is 'off' then set the success/failure flag to failure and stop the loop
        if ($sliders.eq(i).val() == 'off') {
            goNext = false;
            break;
        }
    }

    //if the success/failure loop is set to success then forward the user to the next page
    if (goNext === true) {
        $.mobile.changePage($('#next-page'));

    } else {
        //if the success/failure loop is set to failure then ...
    }

    //prevent the form from submitting normally
    return false;
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...