Question

我对innerHTML有疑问我正在尝试替换div的所有子元素（擦除它）并替换为文本。只是为了给你一个想法，这是一个注册表单，点击提交后，它应该清除表单并输出一些文本。看起来它对我所定位的div没有任何影响

这是函数

function signup() {
    var u = _("username").value;
    var e = _("email").value;
    var p1 = _("pass1").value;
    var p2 = _("pass2").value;
    var c = _("country").value;
    var g = _("gender").value;
    var status = _("status");
    if (u == "" || e == "" || p1 == "" || p2 == "" || c == "" || g == "") {
        status.innerHTML = "Fill out all of the form data";
    } else if (p1 != p2) {
        status.innerHTML = "Your password fields do not match";
    } else if (_("terms").style.display == "none") {
        status.innerHTML = "Please view the terms of use";
    } else {
        _("signupbtn").style.display = "none";
        status.innerHTML = 'please wait ...';
        var ajax = ajaxObj("POST", "signup.php");
        ajax.onreadystatechange = function() {
            if (ajaxReturn(ajax) == true) {
                if (ajax.responseText.trim() != "signup_success") {
                    status.innerHTML = ajax.responseText;
                    _("signupbtn").style.display = "block";
                } else {
                    _("signupform").innerHTML = "OK " + u + ", check your email inbox and junk mail box at <u>" + e + "</u> in a moment to complete the sign up process by activating your account. You will not be able to do anything on the site until you successfully activate your account.";
                }
            }
        }
        ajax.send("u=" + u + "&e=" + e + "&p=" + p1 + "&c=" + c + "&g=" + g);
}

以下是表格：

<form name="signupform" id="signupform" onsubmit="return false;">
    <div>Username: </div>
    <input id="username" type="text" onblur="checkusername()" onkeyup="restrict('username')" maxlength="16">
    <span id="unamestatus"></span>
    <div>Email Address:</div>
    <input id="email" type="text" onfocus="emptyElement('status')" onkeyup="restrict('email')" maxlength="88">
    <div>Create Password:</div>
    <input id="pass1" type="password" onfocus="emptyElement('status')" maxlength="16">
    <div>Confirm Password:</div>
    <input id="pass2" type="password" onfocus="emptyElement('status')" maxlength="16">
    <div>Gender:</div>
    <select id="gender" onfocus="emptyElement('status')">
        <option value=""></option>
        <option value="m">Male</option>
        <option value="f">Female</option>
    </select>
    <div>Country:</div>
    <select id="country" onfocus="emptyElement('status')">
        <?php include_once( "php_includes/template_country_list.php"); ?>
    </select>
    <div>
        <br>
        <br>
        <a href="#" onclick="return false" onmousedown="openTerms()">
        View the Terms Of Use
      </a>
    </div>
    <div id="terms" style="display:none;">
        <br>
        <br>
        <h3>Please read the Terms and Conditions (opens a new window)</h3>
        <a href="iLOVEiTtermsandCONS.pdf" title="Terms and Conditions" target="_blank">
            <p>Terms and Conditions</p>
        </a>
    </div>
    <br />
    <br />
    <button id="signupbtn" onclick="signup()">Create Account</button>
    <span id="status"></span>
</form>

任何想法可能出错？我根本不熟悉java脚本提前谢谢。

Answer 1

我不知道_(" ").value是什么意思。但是如果你将这种风格改为document.getElementByid(" ")，它就可以了。

innerHTML不影响div

1 个答案: