0

我编写了一个 javascript 函数，我想将它包含在一个文本框、下拉列表和一个整数中。在函数中，我需要检查文本字符串的长度和 DDL 的值。功能如下：

function CheckSearch(name, code, iMinSize) {
if (name.value.length < iMinSize && code.value === '') {
    alert('You must enter ' + iMinSize + ' letters or more when searching.');
    name.focus();
    return false;
}
else {
    return true;
}

}

我认为该功能还可以，但我似乎无法从 ASP.NET 中的 Button 控件调用它。

这是我的按钮标签：

<asp:Button ID="buttonSearch" runat="server" Text="Search" OnClick="buttonSearch_Click"
                OnClientClick="javascript:return CheckSearch('textBoxSearch','comboCodes', 3);" />

当我单击按钮时，我收到一个 Object Expected 错误。

以下行的代码中断：

<input type="submit" name="ctl00$contentBody$buttonSearch" value="Search" onclick="return CheckSearch(document.getElementById(&#39;textBoxSearch&#39;),document.getElementById(&#39;comboCodes&#39;), 3);" id="contentBody_buttonSearch" />

错误消息是：Microsoft JScript 运行时错误：预期对象

请帮忙。

我正在使用 ASP.NET4.0

谢谢

4

4 回答 4

2

在您的页面底部，我会添加对您的各种客户 ID 的引用。例如：

<script type="text/javascript">
  var buttonSearch  = document.getElementById('<%= buttonSearch.ClientID %>');
  var textBoxSearch = document.getElementById('<%= textBoxSearch.ClientID %>');
  var comboCodes    = document.getElementById('<%= comboCodes.ClientID %>');
</script>

然后，您可以在客户端单击中引用这些 DOM 对象：

<asp:Button ID="buttonSearch" runat="server" Text="Search" OnClick="buttonSearch_Click"
                OnClientClick="return CheckSearch(textBoxSearch, comboCodes, 3);" />

现在您的处理程序不必更改，因为您传入了正确的 DOM 对象：

if (name.value.length < iMinSize && code.value === '') {
    alert('You must enter ' + iMinSize + ' letters or more when searching.');
    name.focus();
    return false;
}

另一种方法是ClientIDMode在每个控件上设置为静态：

<asp:TextBox ID="textBoxSearch" runat="server" ClientIDMode="Static" />

现在，您可以使用以下命令访问此文本框的值：

document.getElementById('textBoxSearch').value;
于 2012-05-01T15:43:22.370 回答
0

您可能希望将CheckSearch函数更改为如下所示：

function CheckSearch(name, code, iMinSize) {
    var textBox, comboBox; // use these variables
    textBox = document.getElementById(name);
    comboBox = document.getElementById(code);
    if (textBox.value.length < iMinSize && comboBox.value === '') {
        alert('You must enter ' + iMinSize + ' letters or more when searching.');
        textBox.focus();
       return false;
    }
    else {
        return true;
    }
}

您当前仅在标记上传递一个字符串，并且您的函数需要一个对象。

编辑：或者，您可以保留该功能并更改您的标记，如下所示：

编辑2：更改了字符串document.getElementById 

<asp:Button ID="buttonSearch" runat="server" Text="Search" OnClick="buttonSearch_Click"
                OnClientClick="return CheckSearch(document.getElementById('<%= textBoxSearch.ClientID %>'),document.getElementById('<%= comboCodes.ClientID %>'), 3);" />

这样，您将传递对组合和文本框的引用，而不仅仅是 id 字符串。

希望最后一次编辑：

我没有仔细研究它，但是当我运行该代码时，我注意到就像你的一样，有些字符没有被转义，所以它呈现如下：

document.getElementById(&#39;textBoxSearch&#39;)

（这个可以处理，但是我现在没有时间去做）

因此该函数将接收null对象，因为它无法通过该参数找到它，所以我最终这样做了：

<body>
    <form id="form1" runat="server">
        <div>
            <asp:TextBox ID="textBoxSearch" runat="server" />
            <asp:DropDownList ID="comboCodes" runat="server" >
            <asp:ListItem Text=""></asp:ListItem>
            <asp:ListItem Value="1" Text="One"></asp:ListItem>
            <asp:ListItem Value="2" Text="Two"></asp:ListItem>
            <asp:ListItem Value="3" Text="Drei"></asp:ListItem>
            <asp:ListItem Value="4" Text="Four"></asp:ListItem>
            </asp:DropDownList>

            <asp:Button ID="buttonSearch" runat="server" Text="Search" OnClick="buttonSearch_Click"
                OnClientClick="return CheckSearch(3);" />
        </div>
    </form>
    <script type="text/javascript">

        function CheckSearch(iMinSize) {
            var textBox, comboBox; 
            textBox = document.getElementById('<%= textBoxSearch.ClientID %>');
            comboBox = document.getElementById('<%= comboCodes.ClientID %>');
            if (textBox.value.length < iMinSize && comboBox.value === '') {
                alert('You must enter ' + iMinSize + ' letters or more when searching.');
                textBox.focus();
                return false;
            }
            else {
                return true;
            }
        }
    </script>
</body>

请注意，这并不理想，因为您的函数不够通用，无法处理其他控件，因为我在函数本身中获取了控件的引用。话虽如此，我建议您按照 Mike Christensen 示例 (+1) 的方式做一些事情，因为您在调用时会引用控件并且不会遇到字符转义问题，但我还没有测试过他的代码寿。

希望这可以帮助

于 2012-05-01T15:41:35.833 回答
0

问题是您发送的是硬编码文本：'textBoxSearch','comboCodes'. 您应该发送 ClientId：

OnClientClick="javascript:return CheckSearch('<%= textBoxSearch.ClientId %>','<%= comboCodes.ClientId %>', 3);"
于 2012-05-01T15:42:27.220 回答
0

此错误的原因是您没有传递对象，而是传递了对象的 ID。解决方案可能是。

OnClientClick="return CheckSearch('<%= textBoxSearch %>','<%= comboCodes %>', 3);

用您的 OnClientClick 替换它并检查它是否有效。

于 2012-05-01T15:38:10.853 回答