HTML「要求」屬性只能在預覽瀏覽器

我有以下的用戶輸入HTML「要求」屬性只能在預覽瀏覽器

... 
    <form action="website.php" id="mainform" method="POST"> 
... 

<strong>Departure date</strong><span>*</span>: 
<input type="text" id="datepicker" name="departuredate" required/> 

<strong>Return date</strong><span>*</span>: 
<input type="text" id="datepicker2" name="returndate" required/> 

... 

<input type="email" name="email" required/> 
<input type="submit" value="Submit"/> 
</div> 


</form> 

...

所需的功能提示用戶填補了該領域，如果它是空白HTML頁面。但是，它似乎只能在Dreamweaver的預覽瀏覽器中工作。上傳到我的網站時，它根本沒有任何作用。

任何幫助將不勝感激。

安德魯

來源

2013-09-27 Andrew Smith

可能是一個想法，可以粘貼在您的驗證代碼中。如果你需要幫助 – gwillie

我沒有任何 –

我明白了，html5和css3。不幸的是，我仍然陷入了css2 html4世界，我需要js和服務器端驗證。我不會依賴html5 css3，除非你的目標受衆低於40歲或其他舊號碼;） – gwillie

根據Dive Into HTML5，（今天27/09/13）所需的屬性在

IE 10+
FF 4+
Chrome 10或
Opera 9+

（not在Safari中，而不是在Android）

也許你應該在Javascript中實現一個後備功能，無論如何，直到這得到更好的跨瀏覽器支持。編輯（反映Alien先生的評論）：您還應該始終擁有服務器端驗證功能，因爲可以很容易地禁用或編輯Javascript。

來源

2013-09-27 04:57:55 mavrosxristoforos

注意：始終有一個JS驗證和服務器端驗證（必須），以確保發佈的數據有效。由於您的HTML5驗證在舊瀏覽器中很容易失敗，因此您可以使用螢火蟲等工具對它進行調整，同樣適用於JS，所以請確保您使用服務器端驗證 –

非常感謝。我目前使用Chrome 10（29.0.1547.76），所需的功能仍然無法使用。 –

@AndrewSmith適合我http://jsfiddle.net/kuPJe/ –

HTML「要求」屬性只能在預覽瀏覽器

回答

相關問題