Question

我是HTML5表单的新手，让他们在旧版浏览器中工作。我正在尝试使用Webshims Lib polyfill在IE8中验证我的简单HTML5演示表单，但它似乎没有验证。据我所知，我遵循Webshims Lib website的指示。我究竟做错了什么？这是我的代码（下方）和live link

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

Answer 1

您必须将整个js-webshim文件夹复制到项目中。目前您只包括polyfiller.js。此脚本仅处理polyfill并从shim文件夹中包含它们。

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

只要您使用的是表格，就应该使用webshims.polyfill（'forms'）或webshims.polyfill（'forms forms-ext'）而不是webshims.polyfill（）。如果仍有问题，则应使用dev文件夹中的文件并打开控制台。

Webshims lib：HTML5 Web表单验证在IE8中不起作用

1 个答案: