javascript - ASP.NET UserControl javascript 未将 HTML 加载到其变量

Question

我已经创建了我希望在多个页面上使用的 UserControl。此控件包含经典的 javascript，但由于某种原因，它不会将元素加载到变量中。客户端 ID 看起来不错。

这是激活 javascript 的按钮:

<input type="submit" name="ctl00$ContentPlaceHolder1$ContactList$btn_NewContact" value="Potvrdit" onclick="javascript:return CheckContactName();" id="ContentPlaceHolder1_ContactList_btn_NewContact" class="MyButton" style="color:white;" />

这是文本框:

<input name="ctl00$ContentPlaceHolder1$ContactList$con_fullname" type="text" id="ContentPlaceHolder1_ContactList_con_fullname" class="MyTextBox" />

这是 Javascript 函数:

    function CheckContactName() {
    name = document.getElementById("ContentPlaceHolder1_ContactList_con_fullname");

    if (name.value == '' | name.value == null) {
        return false;
    }

    UploadContact();

    return true;
}

现在，当我在控制台中调试时，name.value 未定义。 name 变量本身就是[object HTMLInputElement]”。

所以无论那个文本框中是什么，这个函数总是假的。我还检查了最终客户页面中的所有 ID，没有重复。你能说出这是为什么吗？谢谢。

Answer 1

我猜你在后面的代码中设置了输入值对吧？

无论如何，您可以尝试使用 document.querySelector，看起来您的逻辑运算符是错误的，您正在使用 | 而不是 ||。

function CheckContactName() {
    let name = document.querySelector(
        '#ContentPlaceHolder1_ContactList_con_fullname'
    );

    if ((name.value == '') || (name.value == null) || (name == undefined)) {
        return false;
    }

    UploadContact();

    return true;
}