Question

我正在处理4个文本字段 - 前2个是jquery datepickers，最后2个是时间...我试图阻止time2大于time1只有当日期相等时...

当提交按钮点击

时调用该函数

有更清洁的方法吗？关于这个脚本的东西看起来不对我好吗？我觉得它有洞。

<script>


function empty() {

var x;
x = document.getElementById("date1").value;
if (x == "") {
    alert("Enter a Valid Date!");
    return false;
};

var y;
y = document.getElementById("date2").value;
if (y == "") {
    alert("Enter a Valid Date!");
    return false;
};


var val1 = $('#time1').val();
var val2 = $('#time2').val();

    if (x == y) {

            if (val1 >= val2) {
                alert("Time 2 Needs to be Greater than the Time 1!");
                $("#time2").focus();
                return false;
            }
    };


}

</script>

Answer 1

function empty() {

    var date1 = $('#date1').val();
    var date2 = $('#date2').val();

    if ((date1 == "") || (date2 == "")) {
        alert("Date is required!");
    };

    var time1 = $('#time1').val();
    var time2 = $('#time2').val();

    if (date1 == date2) {
        if (time1 >= time2) {
            alert("Time 2 Needs to be Greater than the Time 1!");
            $("#time2").focus();
        }
    };
}

Answer 2

使用PHP的Laravel等框架编写应用程序，使表单字段验证变得简单：https://laravel.com/docs/5.3/validation

Frameworks为您提供了大量代码和API，可以为您执行常规Web事务，例如表单字段验证（文本，文本区域，单选按钮，复选框等）。我使用Laravel的功能，不再需要手动编写客户端或服务器端验证代码。

如何在JQuery / Javascript中验证表单

2 个答案: