由于 javascript 验证问题而发回的页面

Question

我正在研究 asp.net，我设计了一个简单的表单

我正在做 javascript 验证。

当任何文本框为空时，它应该在标签中显示错误

但不幸的是，即使有错误，我的页面每次都会被回复

因此标签正在刷新并且不显示错误消息

并且空白数据也被发布到服务器

因为，使用 Telerik Controls，我正在调用的按钮：

<telerik:RadButton ID="btnSave" runat="server" Text="Save" OnClientClicked="validate" 
                    OnClientClicking="validate" onclick="btnSave_Click">

我的 javascript 代码：

    function validate() {

        var flag = 0;
        var errorText = "";
        if (document.getElementById('txtPartyCode').innerHTML == "") {
            errorText = errorText + "\n Please Enter PartyCode";
            flag = 1;
        }

        if (document.getElementById('txtEmailId').innerHTML == "") {
            errorText = errorText + "\n Please Enter EmailID";
            flag = 1;
        }


        if (document.getElementById('txtPhoneNumber').innerHTML == "") {
            errorText = errorText + "\n Please Enter Phone Number";
            flag = 1;
        }



        if (document.getElementById('txtBrockrage').innerHTML == "") {
            errorText = errorText + "\n Please Enter Brockrage";
            flag = 1;
        }


        if (document.getElementById('txtTax').innerHTML == "") {
            errorText = errorText + "\n Please Enter Tax";
            flag = 1;
        }

        document.getElementById('lblErrors').innerHTML = errorText;

        if (flag == 1) //{

            //alert(errorText); 
           //return true;
        //}
        //else
            return true;

    }

</script>

javascript函数有没有错误？？？

Answer 1

<telerik:RadButton runat="server" ID="btnTest" OnClientClicking="validate" />

javascript 将是

function validate(sender, args)
{

    // your code 


    if (flag == 1)
    {
        args.set_cancel(true);
    }
    else
    {
        args.set_cancel(false);
    }
}

set_cancel(shouldCancel) - 设置一个布尔值，指示是否 该活动将被取消。设置 true 意味着事件将 取消。

Answer 2

对于服务器控件，您可能希望使用 ，因此它应该看起来像

document.getElementById('<%= lblErrors.ClientID%>')

我不确定您是如何调用此函数的，但如果验证失败，您应该返回 false。即

if (flag == 1)
  return false;

如果你在服务器按钮的 onclientclick 中调用它，那么它应该看起来像

OnClientClick="return validate();"

希望对你有帮助！

编辑：

在这种情况下，您可能需要如下所示调用它（注意：我没有测试过）

<telerik:RadButton ID="btnSave" runat="server" Text="Save" OnClientClicked="OnClientClicked" onclick="btnSave_Click">

<script type="text/javascript">
    function OnClientClicked(button, args)
    {
        if (validate())
        {
            button.set_autoPostBack(true);
        }
        else
        {
            button.set_autoPostBack(false);
        }
    }
</script>

您可能想查看 Telerik 按钮事件 here

Answer 3

查看here 了解更多详情，您可以尝试更改最后一个if 块，如下所示：

 function validate(sender, args)
 {
   // your code for validation 
  if (flag == 1)
    {
    args.set_cancel(false);
    }
    else
    {
        args.set_cancel(true);
    }
  }

像这样更新你的代码：

<telerik:RadButton ID="btnSave" runat="server" Text="Save" 
OnClientClicked="validate"
onclick="btnSave_Click">