Question

为什么以下代码不起作用？
只要我点击提交按钮，它就会刷新页面我刚开始学习JavaScript，所以如果你有任何建议来提高我对JS的了解，也可以随意分享。

<html>
    <head>
        <title>Form </title>
        <script src="form.js"></script>
    </head>
    <body>
        <form id="Form" onsubmit="return handleSubmit()">
            <input id="username" type="text" name="username ">
            <input id="password" type="password" name="password">
            <input id="submit" type="submit" name="Login">
        </form>
    </body>
</html>

function handleSubmit(){
    console.log("Hi");
    var form = document.getElementById("Form");
    console.log("va="+form.childern[0].value);
    var u = form.childern[0].value;
    if (form.childern[0].length==0 && isNaN(typeOf(u))==true){
        alert("Enter Correct username");
    } else {
        console.log("username = " +u);
    }
    return false;
}

Answer 1

这是一个正确的代码伙伴。只是js的一个小变化。

＆＃13;

function handleSubmit(){
    console.log("Hi");
    var form = document.getElementById("Form");
    console.log("va="+form.children[0].value);
    var u = form.children[0].value;
  var a=typeof u;
    if (form.children[0].value.length!=0 &&isNaN(u))
{       
  console.log("username = " +u);
    } else {
        alert("Enter Correct username");
       
    }
    return false;
}

＆＃13;

<html>
    <head>
        <title>Form </title>
        <script src="form.js"></script>
    </head>
    <body>
        <form id="Form" onsubmit="return handleSubmit()">
            <input id="username" type="text" name="username ">
            <input id="password" type="password" name="password">
            <input id="submit" type="submit" name="Login">
        </form>
    </body>
</html>

＆＃13;

Answer 2

你拼错了孩子这个属性，而不是你写的的子女即可。
在if语句条件中，你首先使用的是typeof，它可能会返回＆＃34; string＆＃34;，然后你检查它是否是一个数字，但是typeof总是会返回一个包含该类型的字符串变量，可以是＆＃34; string＆＃34;，＆＃34; number＆＃34;等等，所以isNaN永远都是假的，最后它与真实相比，它将被评估为false，转到else语句。

我会在检测到它们时添加更多信息！希望这暂时有用！

自动化提交表格

2 个答案: