javascript - 使用选择名称数组提交之前的 jquery 表单检查

Question

我很难进行我想要的这种快速验证......但我认为由于我选择的名称数组，它没有正确验证，我不确定如何去做。

它应该如何工作: - 如果当天的统计假期框被选中 && 如果当天选择了任何 Lieu 时间，则发出警报错误并停止提交表单。

我的 jsfiddle:http://jsfiddle.net/4bgYj/3/

我的 jquery:

$(document).ready(function() {

    $(document).on('submit', 'form', function(e) {

    var lieuhrs = $(".lieutimehours").val();

    $('.lieutimehours').each(function(i, obj) {
        if ($("#statholidaycheck").is(":checked") && lieuhrs > 0) {
            alert("cannot process: " + lieuhrs);
            return false;
        }
    }

    });
}); 

Answer 1

让我为您的问题提供一种更加用户友好的方法:

如果选择 stat，只需禁用 lieu hours 的表单输入即可。

有了这个，您在提交表单之前就不必检查任何内容，用户也不会在替代时间中意外选择一个值。

它仍然需要根据您的标记进行更新，但基本思路是:

var stat = $('.stat');

stat.change(function() {
    var e = $(this);
    var f = e.parent().find('.lieu');

    if (e.is(':checked')) {
        f.prop('disabled', true);
    } else {
        f.prop('disabled', false);
    }
});

演示

Try before buy