Javascript代码不允许回溯约会多个日期字段

时间:2013-10-28 23:19:52

标签: javascript php jquery javascript-events

我有一个PHP表单,用户最多可以在一个帐户上输入24个未来付款,我有JavaScript,不会让他们在日历日期选择中选择相同的截止日期。

我需要再添加一个函数,以便不允许它们从当前日期返回任何截止日期字段的日期。我无法修改现有的表单重复日期检查代码以包含此内容。

以下是我现有的代码,该代码在提交前不允许在表单中重复日期。 (我们正在使用ScriptCase RAD平台)

$('#id_sc_field_datedue_1').addClass('datedue');
$('#id_sc_field_datedue_2').addClass('datedue');
$('#id_sc_field_datedue_3').addClass('datedue');
$('#id_sc_field_datedue_4').addClass('datedue');
$('#id_sc_field_datedue_5').addClass('datedue');
$('#id_sc_field_datedue_6').addClass('datedue');
$('#id_sc_field_datedue_7').addClass('datedue');
$('#id_sc_field_datedue_8').addClass('datedue');
$('#id_sc_field_datedue_9').addClass('datedue');
$('#id_sc_field_datedue_10').addClass('datedue');
$('#id_sc_field_datedue_11').addClass('datedue');
$('#id_sc_field_datedue_12').addClass('datedue');
$('#id_sc_field_datedue_13').addClass('datedue');
$('#id_sc_field_datedue_14').addClass('datedue');
$('#id_sc_field_datedue_15').addClass('datedue');
$('#id_sc_field_datedue_16').addClass('datedue');
$('#id_sc_field_datedue_17').addClass('datedue');
$('#id_sc_field_datedue_18').addClass('datedue');
$('#id_sc_field_datedue_19').addClass('datedue');
$('#id_sc_field_datedue_20').addClass('datedue');
$('#id_sc_field_datedue_21').addClass('datedue');
$('#id_sc_field_datedue_22').addClass('datedue');
$('#id_sc_field_datedue_23').addClass('datedue');
$('#id_sc_field_datedue_24').addClass('datedue');

$('.datedue').on('change', function(){
    var date = $(this).val();
    var date_id = $(this).attr('id');

    if (date != "") {
        $('.datedue').each(function(key, value){
            if ($(value).val() == date && $(value).attr('id') != date_id) {
                alert('Payment date due already exists for another payment. Please select a different date due.');
                $('#'+date_id).val('');
            }
        });
    }
});

0 个答案:

没有答案