Javascript Required属性在Firefox上不起作用_Javascript_Html

Javascript Required属性在Firefox上不起作用

javascript html

Javascript Required属性在Firefox上不起作用,javascript,html,Javascript,Html,我尝试了HTML中input标记的required属性。当用户输入空值时，浏览器应弹出警告请填写此字段它在Chrome浏览器中运行良好，但当我使用Firefox（53.0版）时，弹出窗口似乎立即消失。以下是我的测试代码： <!DOCTYPE html> <html> <head> <title>Testing</title> </head> <body>

我尝试了HTML中

input

标记的

required

属性。当用户输入空值时，浏览器应弹出警告

请填写此字段

它在Chrome浏览器中运行良好，但当我使用Firefox（53.0版）时，弹出窗口似乎立即消失。以下是我的测试代码：

<!DOCTYPE html>
<html>
    <head>
        <title>Testing</title>
    </head>
    <body>
        <form>
            <input type="text" required />
            <button type="submit">Submit</button>
        </form>
    </body>
</html>


测试
提交

你知道怎么修吗？如果无法修复，你能解释一下为什么Firefox会这么做吗

更新1：它适用于Windows上的Firefox。但是它仍然不能在Ubuntu（16.04）上的Firefox上运行。

我已经在Firefox（53.0.2）上成功地运行了你的代码，但是你能试试这个吗：

<!DOCTYPE html>
<html>
    <head>
        <title>Testing</title>
    </head>
    <body>
        <form>
            <input type="text" name="somename" required>
            <button type="submit">Submit</button>
        </form>
    </body>
</html>


测试
提交

我做了两个改变：

在HTML中，标记没有结束标记，而是在XHTML中
由于某些可能的依赖关系，请添加name属性

try required=“required”我觉得它很管用（Firefox 53）。但是，请注意Firefox只显示了一个红色光环（用

框阴影实现），而不是Chrome和Opera显示的弹出窗口。可能是您已经覆盖了样式表中的框阴影。对我来说也很好。@AyatullahRahmanirequired
和required=“required”
在HTML中的功能是相同的。为什么您认为添加name属性应该改变required
的行为？@Justinas我认为这种情况可能与required
本身无关。所以我做了两个更改：1）在HTML中，标记没有结束标记，而是在XHTML中。2） 由于某些可能的依赖关系，请添加name属性。感谢您的帮助。但它仍然不起作用。我认为问题在于浏览器。