1
  1. 当用户将 To Period 选择为 < From Period 时,应抛出错误消息以选择 period >= From Period

  2. 当用户选择超过 12 个月时,应显示警告消息“报告将花费更多时间显示仪表板”。

from 提示和 to 提示为下拉,使用值为整数(如 2013 年 1 月 =1 ,2013 年 2 月 =2)

我需要一个 Javascript 来验证并在选择日期时显示错误消息。在提交报告之前。

4

2 回答 2

1

如果我理解正确,您想验证起始日期是否早于截止日期。

我不知道您使用的是纯 JS 还是 jQuery,但无论您使用哪种方式,都可以以通常的方式从输入中检索值。

<script type="text/javascript">
function checkDates() {
  var to = document.getElementsByName('to')[0].value;
  var from = document.getElementsByName('from')[0].value;

  if(to < from) {
    alert('To date must be after from date!');
  } 
}
</script>

<select name="from" onchange="checkDates()">
  <option value="1">JAN</option>
  <option value="2">FEB</option> 
  ...
</select>

<select name="to" onchange="checkDates()">
  <option value="1">JAN</option>
  <option value="2">FEB</option> 
  ...
</select>
于 2013-08-22T16:56:18.403 回答
0

如果我们将 eshortie 的代码放入验证函数并定义表单的提交事件,那么它应该可以工作。例子:

$(function(){
    $("#myform").submit(function(){
        var validactionalResult = validation();
        if (validationalResult !== true) {
            alert(validationalResult);
        } else {
            $.ajax({
            type: "POST",
            url: "yoururl",
            data: $(this).serialize(),
            success: function(response) {
                    if (response === "success") {
                        //do something
                    } else {
                        alert(response);
                    }
                },
            error: function() {
                    alert("Unsuccessful connection attempt");
                }
            });
        }
        return false;
    });
});
于 2013-08-22T20:31:31.207 回答