0

私は HTML5 フォームが初めてで、古いブラウザーで動作するようにしています。Webshims Lib ポリフィルを使用して、単純な HTML5 デモ フォームを IE8 で検証しようとしていますが、検証されていないようです。私が知る限り、Webshims Lib websiteの指示に従っています。私は何を間違っていますか?ここに私のコード(以下)とライブリンクがあります

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="js/modernizr-custom.js"></script>
<script src="js/polyfiller.js"></script>

<style>
ul {list-style-type: none; margin-top: 100px;}
li {padding-bottom: 10px;}
</style>
</head>

<body>
<form id="myform" action="process.php" method="post">

<ul>
<li><label>Name</label>
<input type="text" name="name"></li>

<li><label>Email</label>
<input type="email" name="email" required></li>

<li><label>Numbers</label>
<input type="number" name="numbers"></li>

<li><label>Message</label>
<textarea name="message" placeholder="Type Here" required></textarea></li>

<li><input id="submit" name="submit" type="submit" value="Submit"></li>
</ul>

</form>

<script>
$.webshims.polyfill();
</script>

</body>
</html>
4

1 に答える 1

2

js-webshim フォルダー全体をプロジェクトにコピーする必要があります。現在、polyfiller.js のみが含まれています。このスクリプトは、ポリフィルのみを処理し、shim フォルダーからそれらを含めます。

開発者コンソールを開くと、js/shims...js に対して大量の 404 リクエストがあることがわかります。

フォームのみを使用している限り、webshims.polyfill() ではなく、webshims.polyfill('forms') または webshims.polyfill('forms forms-ext') を使用する必要があることに注意してください。それでも問題が解決しない場合は、dev フォルダーのファイルを使用して、コンソールを開いてください。

于 2014-01-04T13:00:09.403 に答える