Question

在我的页面中，我有一个下拉
PANEL1
是Panel2
移动按钮的按钮
单击Panel1中的下拉数据的onclick。和面板2显示以前选择的数据。

当没有选择indropdown时，Panel1设置为不可见。

现在我希望如果在dropdown.onclick按钮中没有选择任何内容，则会显示一条警告消息，“请为panel1选择一个数据然后再移动”
早些时候，我使用javascript函数和Next按钮上的自定义验证功能完成了这项工作。但现在我想升级它到Ajax。

Javascript代码：

   function Validate(sender, args)
    {
            if (document.getElementById("ctl00_rightContainer_ContentTable1_Panel1").style.display == 'none') {
                args.IsValid = false;
            }
            else {
                args.IsValid = true;
            }

    }

但是在尝试了ajax函数之后我使用了可见属性，并且我在javascript中得到一个错误，说自从加载后没有找到对象，Panel1是不可见的。我已经将我的休息功能升级为ajax，但我不知道这样做。

Answer 1

如果通过AJAX你的意思是Asp.net更新面板那么它很容易，但我不喜欢它。

将Panel置于UpdatePanels

中

别忘了在上面添加ScriptManager：

<asp:ScriptManager runat="server" id="sc1"/>

<asp:UpdatePanel ID="up1" runat="server">
</asp:UpdatePanel>

对于下拉列表，将AutoPostBack设置为true。

下拉列表将包含selectedIndex并在selectedindex中检查验证并显示下一个面板或消息

您可以显示以下消息：

在标签

中

OR

警报或一些jQuery Popup

ScriptManager.RegisterStartUpScript（this.Page，typeof（Page），“alertV”，“alert（'Errors'）;”，true）;

Answer 2

如果将服务器控件的Visible属性设置为false，则根本不会呈现，您无法从客户端代码显示它。请尝试设置style="display:none;"。这种方式面板将被渲染，但不会显示在页面上，您可以通过JavaScript显示它。

点击按钮时验证的Ajax函数：

2 个答案: