Javascript 在 gridview 中处理数据

Question

我有从日期到日期。我在 gridview 中的提交按钮上获取有效日期。

我对日期字段进行了验证，但如果给出了有效日期，则会显示数据，如果我给出了错误的日期，则会再次显示验证，但不会刷新页面，但最后的数据也可见。

如何处理这种情况？

function Validate() {


    var FromDate = document.getElementById('<%=frmDate.ClientID %>').value;
    var ToDate = document.getElementById('<%=toDate.ClientID %>').value;

    if (FromDate == "") {

        alert("Select From date");
        return false;
    }

    if (ToDate == "") {

        alert("Select To Date");
        return false;
    }


    if (Date.parse(FromDate) > Date.parse(ToDate)) {
        alert("Invalid Date Range!\nStart Date cannot be after End Date!")
        return false;

    }

} 

Answer 1

如果验证失败则隐藏 gridview

$('table[id$=gridViewId]').hide();

如果所有验证都通过则显示

$('table[id$=gridViewId]').show();


function Validate() {


    var FromDate = document.getElementById('<%=frmDate.ClientID %>').value;
    var ToDate = document.getElementById('<%=toDate.ClientID %>').value;

    if (FromDate == "") {
        $('table[id$=gridViewId]').hide();
        alert("Select From date");
        return false;
    }

    if (ToDate == "") {
        $('table[id$=gridViewId]').hide();
        alert("Select To Date");
        return false;
    }


    if (Date.parse(FromDate) > Date.parse(ToDate)) {
        $('table[id$=gridViewId]').hide();
        alert("Invalid Date Range!\nStart Date cannot be after End Date!")
        return false;

    }

    //Validations passed hence show the gridview
    $('table[id$=gridViewId]').show();
}