【问题标题】:jQuery checkbox validationjQuery复选框验证
【发布时间】:2010-10-14 11:43:30
【问题描述】:

我正在使用下面的 jQuery 代码来验证表单。现在一切正常,但我希望复选框验证使用.validator 而不是当前的alert,但是当我将required="required" 添加到复选框输入框中时,我会收到所有复选框的消息,而我只需要一个。

$("#request-form").validator({
    message: '<div><em/></div>',
    position: 'top left',
    offset: [3, 40]
});

$("#see").overlay({mask: '#999', fixed: false}).bind("onBeforeClose", function(e) {
    $(".error").hide();
});

$('#request-form').submit(function(){
    if(!$('#request-form input[type="checkbox"]').is(':checked')){
        alert("Please check at least one.");
        return false;
    }
});

希望这是有道理的。提前致谢。 S

【问题讨论】:

  • 这有点跑题了,但是不要忘记在服务器端你仍然必须测试整个结果,因为它可能没有被过滤和您的请求中仍然可能出现不可预知的内容(即黑客发送的请求)。
  • 我对 jQuery 和 selectorsm 比较陌生,但是没有办法为特定的复选框而不是表单中的所有复选框定义更具体的 jQuery 选择器吗?希望我没有把你推到错误的轨道上。
  • 你用的是什么插件?这不是standard validation plugin...
  • jquery 工具内置flowplayer.org/tools

标签: jquery validation checkbox


【解决方案1】:

这里有一些代码可以用于JQuery Validation Plugin。我不确定这是否适用于您正在使用的东西,因为我从未听说过。

$("#request-form").validate({
    rules: {
        checkbox: { 
        required: 'input[type="checkbox"]:checked',
        minlength: $('input[type="checkbox"]').length()
        }
    },
    messages: {
        checkbox: "Please check at least one.",
    }
});

HTH

【讨论】:

  • 替换链接,谢谢
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-09-10
  • 2017-09-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多