0

我是 HTML5 表单的新手，让它们在旧浏览器中工作。我正在尝试使用 Webshims Lib polyfill 在 IE8 中验证我的简单 HTML5 演示表单，但它似乎无法验证。据我所知，我已按照Webshims Lib 网站的指示进行操作。我究竟做错了什么？这是我的代码（如下）和实时链接

<!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。此脚本仅处理 polyfills 并从 shim 文件夹中包含它们。

如果你打开你的开发者控制台，你会看到你有很多 js/shims...js 的 404 请求。

一些注意事项，只要你只使用表单，你应该使用 webshims.polyfill('forms') 或 webshims.polyfill('forms forms-ext') 而不是 webshims.polyfill()。如果仍有问题，您应该使用 dev 文件夹中的文件并打开控制台。

于 2014-01-04T13:00:09.403 回答