HTML表单验证无法在IE11中运行

时间:2015-02-11 22:11:42

标签: html

对于大学,我们需要创建一个网站。我正在尝试使用验证作为登录表单的占位符来获取工作表单。 由于大学计算机的限制,我无法保存/使用JavaScript。

我的问题是该表单在IE11上无法正常运行。它只是跳过验证并重定向到' Index.html'。 有没有办法让这个工作?

<form action="Index.html">
<label for="choose">Username</label>
<input id="choose" name="Username" pattern="[S/s]uper[U/u]ser">
<label for="choose">Password</label>
<input id="choose" name="Password" pattern="ROOT">
<button>Submit</button>
</form>

聚苯乙烯。我知道代码是不安全的,可以很容易地绕过,但正如我所说,它只是作为一个工作占位符

1 个答案:

答案 0 :(得分:1)

(你的答案可能为时已晚,但只是发现了其他的东西)

即使字段上有图案,空白字段也会忽略图案。你需要&#34;必需&#34;属性以进行验证检查以查看已输入的内容。我还修改了用户名的模式。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <form action="Index.html">
        <label for="username">Username</label> 
        <input required id="username"
            name="Username" 
            pattern="([Ss]uper[Uu]ser)"/> 
        <br/>
        <label for="password">Password</label> 
        <input required id="password"
            name="Password" pattern="ROOT"/>
        <br/>    
        <button type="submit">Submit</button>
    </form>
</body>