Проверка формы Webshim: Как добавить пользовательскую проверку кнопки?

Question

У меня есть тип ввода кнопки в форме, а также скрытый тип поля ввода текста. Может ли webshim настроить валидацию ， так, чтобы он мог валидировать, нажал ли btn, проверив, имеет ли скрытое поле значение (моя кнопка передаст значение скрытому значению при нажатии), и применив класс ошибки валидации к btn?

Answer 1

Отправителям и входам в скрытом состоянии всегда запрещено проверять. Поэтому вы не можете сделать это таким образом. Но вы можете сделать что-то еще:

Используйте флажок ввода с состоянием и стилизуйте его метку, как если бы это была обычная кнопка. Затем вы добавляете прослушиватель изменений и, как только он был проверен, предотвращают любые дальнейшие изменения. Таким образом, его больше нельзя будет отключить, и значение флажка будет отправлено на сервер.

Вот простая демонстрация: http://jsfiddle.net/trixta/8fpZ3/

И вот как выглядит JS, чтобы сделать его кликабельным только один раз:

   $(function () {
        $('.btn-checkbox input').each(function () {
            var onCheck = function () {
                if(elem.prop('checked')){
                    elem.off('change', onCheck);
                    elem.on('click', false);
                }
            };
            var elem = $(this).on('change', onCheck);
        });
    });