JavaScript が無効になっている場合、クライアント側の検証はどれも正常に機能しません。また、ボタンを無効にするコードもjavascriptであるため機能しません:(
JavaScript が無効になっている場合にフォームを非表示にして、ユーザーにメッセージを表示するには、次のような方法を試すことができます。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.hidden {
display:none;
}
</style>
</head>
<body>
<noscript>JavaScript is disabled. </noscript>
<form method="POST" action="http://www.google.com" id="my-form" class="hidden">
<input type="text" value="Some text here" />
<input type="submit" value="Submit" />
</form>
<script type="text/javascript">
document.getElementById("my-form").style.display = "block";
</script>
</body>
</html>
または、これらの方法のいずれかを実行して、ユーザーを別のページにリダイレクトできます。
<noscript>
<meta http-equiv="refresh" content="0;url=your-noscript-page.html">
</noscript>
またはこれ
<noscript>
<a href="your-noscript-page.html">JavaScript is disabled in your browser. Click here to continue</a>
</noscript>
または、Modernizr ライブラリを使用しない Modernizr メソッド。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
.no-js form {
display:none;
}
.js-disabled {
display:none;
}
.no-js .js-disabled {
display:block;
}
</style>
</head>
<body class="no-js">
<div class="js-disabled">JavaScript is disabled in your browser.</div>
<form method="POST" action="http://www.google.com" id="my-form">
<input type="text" value="Some text here" />
<input type="submit" value="Submit" />
</form>
<script type="text/javascript">
document.getElementsByTagName("body")[0].className = "";
</script>
</body>
</html>