2015-02-11 58 views
0

對於大學我們需要創建一個網站。我試圖通過驗證來獲取工作表單作爲登錄表單的佔位符。 由於大學計算機的限制,我無法保存/使用JavaScript。HTML表單驗證在IE11中不起作用

我的問題是表單在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> 

Ps。我知道代碼是不安全的,可以很容易被忽略,但正如我所說,它只是作爲一個工作的佔位符

回答

1

(可能爲時已晚,你的答案,但剛剛發現這個搜索其他內容)

即使盡管您在字段上有圖案,但空白字段的圖案將被忽略。您需要使用「必需」屬性進行驗證檢查,以查看是否輸入了某些內容。我還修復了用戶名的模式。

<!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>