javascript - 使用 Javascript 和表单将表单信息用作变量

标签 javascript forms alert var

好的,Stack Overflow 的人们,我有一个问题要问你:我在高中的网页设计课上学习,因为我已经知道前半部分的类(class),所以提前学习了类(class)。我的老师问我是否可以教授我所学的 Javascript,我同意了。然而,当我自己尝试时,她想让我教的一件事对我来说并不适用。我正在尝试对一个变量做一个简单的检查,当你在一个框中输入一个名字时,如果它是我的名字或老师的名字,它会弹出一个弹出窗口,上面写着“欢迎”或类似的东西,如果是任何人否则它会说“走开”,唯一的问题是无论我尝试什么,代码中的某些东西都不起作用。这是我目前拥有的测试功能;它旨在打印出

<!doctype html>
<html>

<head>


<script type="text/javascript">
    var name = document.KageForm.User.value;

      function validator(){
        alert(name);

    }
    </script>

    </head>
    <body>

    <form name="KageForm">
        Username:<input type="text" name="User">
    <br/>
        Password: <input type="password" name="pass">
    <br/>
    <input type="button"value="Submit" onclick="validator()" />
    </form>


    <script type="text/javascript">
    </script>
</body>
</html>

这是我要开始工作的代码的完整版本:

<!doctype html>
<html>

<head>


<script type="text/javascript">
    var name = document.KageForm.User.value;

      function validator(){
if(name=="Kage Kaldaka"){
            alert("Eeyup")};
        else
            alert("Nnope");
    }
    </script>

    </head>
    <body>

    <form name="KageForm">
        Username:<input type="text" name="User">
    <br/>
        Password: <input type="password" name="pass">
    <br/>
    <input type="button"value="Submit" onclick="validator()" />
    </form>
    </body>
    </html>

最佳答案

这里有几个问题:

  • if 语句后有一个分号
  • 您正在页面加载时读取 name 值,此时输入字段甚至还没有添加到页面,当然用户还没有填写。您需要在用户提交表单时读取它,即您需要将 name 赋值移动到 validator 方法中:

JS:

function validator(){
    var name = document.KageForm.User.value;
    if(name=="Kage Kaldaka"){
        alert("Eeyup");
    } else {
        alert("Nnope");
    }
}

关于javascript - 使用 Javascript 和表单将表单信息用作变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15890329/

相关文章:

javascript - 如何在页面中嵌入代码编辑器?

Javascript - 使用复选框输入返回动态行数据

php - 动态表单并循环表单数组插入Mysql

javascript - 弹出警报

java - 蓝牙激活时如何强制警报是否?

ios - Swift 在 MFMailComposeViewController didFinishWith 结果中显示警报

javascript - 如何在 node.js 中运行交互式 shell 命令?

javascript - v-deep 是 Vue.js 中的反模式吗?

php - 使用 PDO 和 PHP 将表单中的数据插入 MySQL 数据库

jquery - 使用下拉菜单 Jquery 选项克隆 div