Question

我有一个注册表单页面，并且我想使用空div来显示错误。要在触发php脚本之前检查表单我使用javascript：

function errorHandler(){
    var loginIn;
    var passIn;


    loginIn = document.forms["regForm"]["login"].value;
    passIn = document.forms["regForm"]["password"].value;

    if (loginIn == "" || loginIn == null) {
        alert("LOGIN CANNOT BE EMPTY");
        return false;
    } 
}

它工作正常，当我这样打电话时会出现警告信息：

<form name="regForm" action= "save_user.php" onsubmit="return errorHandler()" method="post">。

但正如我在表格中提到的div之前所提到的那样：
div id ="errorArea"></div>当我试图在这个div里面放一个文字时这样：
< BR />

function errorHandler(){

    var loginIn;
    var passIn;
    var erorAreaMessage;

    loginIn = document.forms["regForm"]["login"].value;
    passIn = document.forms["regForm"]["password"].value;
    erorAreaMessage = document.getElementById('errorArea').textContent;

    if (loginIn == "" || loginIn == null) {
        erorAreaMessage = "LOGIN CANNOT BE EMPTY";
        return false;
    }
}

没有任何事情发生，有人能解释我为什么吗？

Answer 1

您需要将值放在<div>内。这可以通过将innerHTML或textContent属性设置为您的错误消息来完成。试试这个 -

...
if (loginIn == "" || loginIn == null) {
    document.getElementById('errorArea').textContent = "LOGIN CANNOT BE EMPTY";
    return false;
}}

如何通过javascript更改textContent？

1 个答案: