Question

我尝试在7-8上使用一些html5内容，为了这样做，我使用Modernizr，但它到目前为止还没有工作。

我想使用必需的模式来验证我的表单输入（因为它漂亮:)）。

我的jsp：

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="js/html5shiv.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Ask email</title>
<link rel="stylesheet" type="text/css"
href="<%=request.getContextPath()%>/css/portail.css" />
</head>
<body>
<jsp:include page="header.jsp" />
<form:form method="POST" action="/it-portail/createdLink.mvc">
    <table class="requestEmail">
        <tr>
            <td><label for="email">Email:</label></td>
            <td><input type='email' required
                pattern=".*@blabla\.fr|.*@toto\.com"
                x-moz-errormessage="Entrer votre email (blabla.fr ou toto.com)"
                name="email" id="email" class="inputText" size="35" maxlength="49"
                value="" /></td>
        </tr>
        <tr>
            <td colspan="2"><input type="submit" value="Submit" /></td>
        </tr>
    </table>
</form:form>
</body>
</html>

我在js脚本中放了alert('test')并打印出来。（.js正确链接）

它正在使用firefox。

有什么想法吗？

Answer 1

Modernizr仅用于检测对HTML5功能的支持它不会在旧浏览器上添加支持。

相反，您需要a polyfill，而这需要。{/ p>

html5shiv修复了IE＆lt; 9中的一个特定错误，该错误阻止CSS规则应用于具有无法识别名称的元素（新的HTML5元素）。它不会添加任何新功能。

Modernizr所需的模式不起作用

1 个答案: