亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如果瀏覽器中禁用了 JavaScript,如何禁用 HTML/JavaScript 表單

如果瀏覽器中禁用了 JavaScript,如何禁用 HTML/JavaScript 表單

蕪湖不蕪 2023-10-24 15:01:16
首先,我對此很陌生,我真的盡力了解它是如何工作的。我有以下簡單的登錄表單,如果提交正確的登錄憑據,該表單將進入主頁。然而,當在禁用 JavaScript 的 Firefox 中運行時,登錄憑據將被忽略,并且無論我提供什么登錄詳細信息,我的主頁都會顯示。我創建了一條消息,<noscript></noscript>當 JavaScript 被禁用時會在該消息之間觸發。我想要實現的是,僅顯示警告消息,并且表單等被禁用,并且在啟用 JavaScript 的情況下重新加載登錄頁面之前不會顯示。有人可以幫我解決這個問題嗎?非常感謝!我的代碼是<!doctype html><!-- This is is the main start page saved in index.html --><html><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0"><body><h2>Login details</h2><noscript>        <h3>Before you login</h3>        <p>JavaScript needs to run for this site to work properly.<br />        Please activate JavaScript in your browser<br />        and reload this page to login.        </p></noscript><form id="myForm" name="login" onsubmit="return validateFormOnSubmit()" action="http://localhost:8080/index.html" method="post"><fieldset>  <label for="username">Username:</label><br>  <input type="text" id="username" name="username"><br>  <label for="password">Password:</label><br>  <input type="password" id="password" name="password"><br><br>  <input type="submit" value="Submit"> </fieldset></form></body></html><script>        function validateFormOnSubmit() {        var un = document.login.username.value;        var pw = document.login.password.value;        var username = "username"        var password = "password"        if ((un == username) && (pw == password)) {                return true;        }        else {                alert ("Login was unsuccessful, please check your username and password");                return false;        }}</script>
查看完整描述

1 回答

?
慕尼黑5688855

TA貢獻1848條經驗 獲得超2個贊

您無需添加額外的 JavaScript 即可實現此目的。<noscript>您也可以在 中使用標簽<head>,這樣您就可以使用 CSS 隱藏它:


<head>

   …

   <noscript>

       <style>

           #myForm { 

              display: none 

           }

       </style>

   </noscript>

</head>


查看完整回答
反對 回復 2023-10-24
  • 1 回答
  • 0 關注
  • 108 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號