javascript - 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);
        });
    });