Webshims-lib:HTML5 web表单验证在IE8中不起作用



我是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>

您必须将整个js-webshim文件夹复制到您的项目中。目前你只包含了polyfiller.js。这个脚本只处理polyfill,并从填充程序文件夹中包含它们。

如果你打开你的开发者控制台,你会看到你有很多404个js/shinms请求。。。js。

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

最新更新