Question

我刚写了一个简单的javascript来提交表单。

<div class=login>       
    <fieldset>
    <legend>Login</legend>
    <form id="form" method="get" action="summary_iframe.html" onsubmit="return validate()">

    User: <input type="text" id="userAc" value="" name="userAc"><br>

    Password:   <input type="text" id="userPw" value="" name="userPw"><br>

这是该功能，检查用户和密码是否为空并且没有使用中间空间。

function validate(){
var userAc = document.getEmelentById('userAc').value;
var userPw = document.getEmelentById('userPw').value;

if(userAc.length == 0 || userPw.lenth == 0 || userAc.indexOf(' ')>-1 || userPw.indexOf(' ')>-1)


    {   
        alert("Please input again!");
        return false;
    }

else 
    {
    checkLogin(userAc, userPw);
    return true;
    }

}

但它不起作用，我使用浏览器进行调试，当它运行此行时，它退出该功能。

var userAc = document.getEmelentById('userAc').value;

请告诉我出了什么问题。谢谢！

Answer 1

请更改您的功能，如下所示。

function validate(){
var userAc = document.getElementById('userAc').value;
var userPw = document.getElementById('userPw').value;

if(userAc.length == 0 || userPw.lenth == 0 || userAc.indexOf(' ')>-1 || userPw.indexOf(' ')>-1) 
    {   
        alert("Please input again!");
        return false;
    }    
else 
    {
    checkLogin(userAc, userPw);
    return true;
    }    
}

您需要使用document.getElementById（'userAc'）。value，而不是document.getEmelentById（'userAc'）。value。此后，请在此处发布任何问题之前检查您的浏览器控制台。感谢

Answer 2

您错过了提交按钮。

<form id="form" method="get" action="summary_iframe.html" onsubmit="return validate()">

        User: <input type="text" id="userAc" value="" name="userAc"><br>

        Password:   <input type="text" id="userPw" value="" name="userPw"><br>
    <input type="submit"  value="submit" name="btnSubmit">
</form>

无法运行document.getElementById

2 个答案: