以下 JavaScript 似乎在 Firefox 中有效，但在 Chrome 中无效？答案

【问题标题】：The following JavaScript seems to be working in Firefox but not on Chrome?以下 JavaScript 似乎在 Firefox 中有效，但在 Chrome 中无效？
【发布时间】：2012-10-22 14:10:52
【问题描述】：

我是网页设计/开发的新手；我有以下代码来检查是否在文本框中输入了数据。 JavaScript 检查是否添加了数据，如果没有输入会报错？

此脚本适用于 FireFox，但不适用于 Google Chrome。错误消息不会出现，数据会直接添加到数据库中。

<script type="text/javascript">      
        function validate(){
            if(
            document.vulcanoForm.device_name.value == "" ||
            document.vulcanoForm.muid.value == "" ||
            document.vulcanoForm.map_version.value == "0.000")
            {
                alert("Please fill out all fields before clicking submit!");
                return false;  
            }
            else
            {
                alert("Hold on just adding to database :)");
                return true;  
            }
        }
    </script>

<body>
    <a href="index.xhtml"> Mogadishu </a> <br/>
    <form action="vulcanoprocess.php" method="post" onsubmit="return validate()" name="vulcanoForm">

        <fieldset>
            <legend>Device Information</legend>

            <label for="device_name">Device Name:</label><br />
            <input type="text" name="device_name" id="device_name" /><br />

            <label for="muid">MUID:</label><br />
            <input type="text" name="muid" id="muid" /><br />

            </form>
</body>

【问题讨论】：

在 else 中返回 false，并尝试打印/警告值并查看差异。
刚刚尝试过，但不幸的是没有用。不断将数据添加到数据库中
为我工作 - jsfiddle.net/GeGpv
@ZoltanToth 刚刚在 jsfiddle 上尝试过，对我也有用，但在 Google Chrome 上不起作用？
你有提交按钮吗？这个小提琴似乎在 chrome 中工作。 jsfiddle.net/PadMw/1

标签： javascript xhtml

【解决方案1】：

要进行调试，请将 FireBug 用作 Firefox 插件并选择 javascript 选项卡以查看错误或“控制台”。使用该信息来修复代码中的错误，并在它们消失时在 chrome 中测试脚本。如果还是有错误，可能是chrome浏览器缺少某种类型的js兼容。

【讨论】：

嘿不知道是什么导致了使用firebug时的错误然后发现这是javascript和chrome的兼容性问题。不过感谢您的提示
很高兴能帮上忙，如果我愿意的话。 :)

【解决方案2】：

Onsubmit doesn't work in Chrome

当你用谷歌搜索“google chrome onsubmit javascript”时要阅读很多内容

编辑添加

<html>
<head>
<script type="text/javascript">
    function validate(){
        if(
        document.getElementById('device_name').value.trim() === "" ||
        document.getElementById('muid').value.trim() === "" ||
        document.getElementById('map_version').value.trim() === "0.000"
        )
        {
            alert("Please fill out all fields before clicking submit!");
            return false;
        }
        else
        {
            alert("Hold on just adding to database :)");
            return true;
        }
    }
</script>


    <title></title>
</head>
<body>
    <a href="index.xhtml">Mogadishu</a><br>
    <form action="vulcanoprocess.php" method="post" onsubmit="return validate()" name="vulcanoForm">
        <fieldset>
            <legend>Device Information</legend> <label for="device_name">Device Name:</label><br>
            <input type="text" name="device_name" id="device_name"><br>
            <label for="muid">MUID:</label><br>
            <input type="text" name="muid" id="muid"><br>
            <input type="submit">
        </fieldset>
    </form>
</body>

【讨论】：

谢谢 .. 我现在就读一下 .. 对我的代码有什么建议吗？
第二个警报出现了吗？
它可以在 Firefox 上运行，但不能在 Chrome 上运行。如果没有出现第二个警报，那也没关系
表示js某处有错误；可能是因为您没有 map_version 输入。在我的机器上，我将您的 document.vulcanoForm.device_name.value 样式行更改为 document.getElementById('device_name').value.trim() 等，它在 chrome 中工作。
当我将代码粘贴到此处时，我在创建表单时将 map_version 取出以缩短它，但在那里它不起作用..您可以将编辑后的代码发送给我吗在你的 Chrome 上工作？