EKsumic's Blog

let today = new Beginning();

Click the left button to use the catalog.

OR

JS复习：通过表单提交触发方法

2023-05-10 14:48:03

EKsumic

972 Reads

Add

More
Copyright notice: This article is an original article and follows CC 4.0 BY-NC-ND Copyright agreement. If you want to repost this article, please attach the original source link and this statement.   Source link: https://www.v2know.com/MainPage/PreView/924

JS复习：通过表单提交触发方法

这是最简单的表单提交触发前端JS的验证方法。

 

HTML部分：

<form onsubmit="return validateForm()">
  <label for="name">姓名：</label>
  <input type="text" id="name" name="name"><br><br>
  <input type="submit" value="提交">
</form>

 

JS部分：

function validateForm() {
  var name = document.getElementById("name").value;
  if (name == "") {
    alert("姓名不能为空");
    return false;
  }
}

 

论外：

JS复习：伪类选择器

 

返回：[目录] JavaScript基础：方法触发相关

This article was last edited at 2023-05-10 15:37:22

Today's comments have reached the limit. If you want to comment, please wait until tomorrow (UTC-Time).

There is 20h23m52s left until you can comment.

解決 TortoiseGit 更新 .gitignore 文件後無反應的問題

242 Reads

內容： 當更新 .gitignore 文件後，TortoiseGit 的文件狀態有時無法即時更新，這是由 Status Cache 設定引起的。不同的緩存模式會影響文件狀態的檢查頻率和性能。 Status Cache 模式介紹 Default（預設） 使用內部緩存，加快狀態顯示。 適用場景：性能優先，文件變動不頻繁。 Shell Extended（推薦） 由 Windows Shell 提供更頻繁的狀態更新，立即反映 .gitignore 變化。 適用場景：頻繁修改 .gitignore 或需要即時文件狀態更新... OR | From：EKsumic

GitBash 使用 .gitignore 完整步驟

240 Reads

GitBash 使用 .gitignore 完整步驟 創建 .gitignore 文件 在你的 Git 倉庫根目錄 中，手動創建一個名為 .gitignore 的文件。 編輯 .gitignore 文件 在 .gitignore 文件中添加要忽略的內容，例如： bash 複製程式碼 # 忽略 Visual Studio 緩存和中間編譯文件夾 .vs/ obj/ # 忽略所有 .log 文件 *.log... OR | From：EKsumic

TortoiseGit 忽略規則不生效？切換「狀態緩存」解決問題！

215 Reads

在使用 TortoiseGit 時，你可能會遇到這樣的情況：即使你已經正確配置了 .gitignore 文件並忽略了某些文件夾（比如 bin 和 obj），它們依然被 TortoiseGit 標記為「未版本控制文件 (unversioned files)」。這讓人疑惑，到底是 .gitignore 問題，還是 TortoiseGit 自身的設定問題... OR | From：EKsumic

如何使用 UFW 配置防火壠保護服務器

139 Reads

防火壠（Firewall）是保護服務器安全的重要工具，可以有效阻止未經授權的流量，防範掃描和攻擊。本文將重點講解如何使用 UFW （Uncomplicated Firewall）配置防火壠規則，關閉不必要的端口並允許必要的服務，從而實現全面的安全保護... OR | From：EKsumic

Blazor <NavLink> 中的 Match 屬性詳解

134 Reads

在 Blazor 應用中，導航鏈接 <NavLink> 是一個非常常用的組件，用於實現頁面的路由導航。<NavLink> 提供了一個 Match 屬性，允許開發者控制鏈接的激活邏輯。本文將詳細解釋 Match="NavLinkMatch.All" 和 Match="NavLinkMatch.Prefix" 的區別，並提供使用場景和最佳實踐... OR | From：EKsumic

如何在 Blazor Web App 中實現關閉註冊並啟用唯一授權賬號

131 Reads

本文介紹如何在 Blazor Web App 使用獨立賬號驗證（Identity）並關閉用戶註冊功能，同時開啟唯一授權賬號功能。以下步驟包括修改註冊頁面、為特定賬號授權，以及在數據庫中檢查授權是否生效... OR | From：EKsumic

如何將 Unity WebGL 專案部署到 IIS

93 Reads

Unity 構建時的注意事項 在 Unity WebGL 的構建過程中： 選擇壓縮格式： 推薦選擇 Gzip 或 Brotli。 啟用 Decompression Fallback： 勾選 Decompression Fallback，確保瀏覽器在無法解壓壓縮文件時可以加載未壓縮版本... OR | From：EKsumic

解釋「生命周期」的概念，以及 Singleton、Scoped 和 Transient 的含義

85 Reads

1. 什麼是生命周期？ 在 Blazor 或 ASP.NET Core 中，服務的生命周期 指的是 一個服務實例的存活時間，也就是說： 從服務創建到釋放期間，它可以被重複使用多少次，或者被誰共享？ 當我們註冊一個服務時（例如：builder.Services.AddScoped()），我們需要告訴系統： 這個服務應該存活多久... OR | From：EKsumic

Blazor 元件之間的傳值方式極簡總結

82 Reads

Blazor 中的數據傳遞主要通過以下方式：父組件向子組件傳遞參數：<ChildComponent Parameter="Value" />。 子組件向父組件通知事件：使用 EventCallback。 雙向數據綁定：通過 bind-。 多層嵌套數據共享： 全局數據：依賴注入 (DI)。 層級數據：Cascading Parameters... OR | From：EKsumic

.NET 8 混合 Blazor 應用：如何由 Server Host 客戶端

81 Reads

在 .NET 8 混合 Blazor Web App 模式下，你的解決方案通常包含兩個專案：一個伺服器專案（例如 v2knowBlazor）和一個客戶端專案（例如 v2knowBlazor.Client）。在這個架構中，實際運行應用程序的是伺服器專案，它同時負責 host 和提供客戶端的 Blazor WASM 應用... OR | From：EKsumic

一個簡單的 SignalR Hub 示例

74 Reads

下面是一個簡單的 SignalR Hub 示例，包括服務器端和客戶端的基本配置與使用說明。 1. 服務器端 a. 建立 Hub 類別 首先，在 v2knowBlazor（Server）專案中新增一個 SignalR Hub 類別，例如 ChatHub.cs... OR | From：EKsumic

如何在 Blazor 應用中檢測裝置類型（如行動裝置或桌面裝置）

70 Reads

發現在代網頁應用程式時，根據使用者的裝置類型（如行動裝置或桌面裝置）來調整使用者體驗是一個常見的需求。本文將教大家如何在 Blazor Server 中使用 IHttpContextAccessor 來檢測使用者的裝置類型，並根據檢測結果提供不同的呈現方式... OR | From：EKsumic

如何在 Ubuntu 24.04 上設置 UFW 防火牆和 SSH（準備操作）

69 Reads

在本文中，我們將介紹如何檢查和啟用 UFW 防火牆，以及設置 SSH 服務，確保您的 Ubuntu 24.04 系統更安全地運行。這些操作屬於基本的準備步驟，適合初步配置系統使用... OR | From：EKsumic

解決 Nginx 中 "conflicting server name "_" on 0.0.0.0:80, ignored" 警告

63 Reads

這表示在你的 Nginx 配置中，有多個 server 块嘗試監聽相同的 IP 和端口（這裡是 0.0.0.0:80），並且其中至少有二個使用相同的 server_name 值為 _（即“匹配所有詢求”）。爲了避免衝突，Nginx 將選擇忽略其中一個。 以下將解釋如何解決這個問題，使你的 Nginx 配置更加清楚和穩定... OR | From：EKsumic

C# DbContext 的兩種寫法

63 Reads

在 .NET 和 Entity Framework Core 應用中，DbContext 有兩種常見的實現方式：標準構造函數與記錄型構造函數 (Primary Constructor)。以下是它們的比較與選擇建議... OR | From：EKsumic

在 Ubuntu 24.04 上部署 .NET 8 Blazor Web App

55 Reads

你是否在安装了最新的 Ubuntu 24.04 后，準備好上手部署一个 .NET 8 Blazor Web App？通過下列步骤，你可以轻松完成這件事！ 1. 準備 Ubuntu 服務器 首先，確保你的 Ubuntu 服務器是最新版，並且安装了所有基礎工具... OR | From：EKsumic

為何在舊 IE 中讀得到值，而在 Chrome/Firefox/Edge 中失敗？

45 Reads

以下是一個簡化的範例：在 IE（尤其是比較舊版本、且在 Quirks Mode 下）可以正常讀取，但在 Chrome、Firefox、Edge 等現代瀏覽器中，會出現 undefined 或直接報錯。此例用的是舊式 document.myForm.myInput[0].value 這種語法，IE 會把它當作「集合存取」而湊合可用；但現代標準瀏覽... OR | From：EKsumic

如何使用 Nginx 實施逐步過渡，從 www 過渡到根域名

13 Reads

在網站運營中，你可能會遇到這樣的需求：現有網站主要收錄於 www.example.com，但希望逐步將域名過渡到根域名 example.com。這種過渡需要謹慎進行，避免影響 SEO 和用戶體驗。本文將介紹如何通過 Nginx 配置來實現逐步過渡，並解釋這樣做的好處。 為什麼選擇逐步過渡方案？ 逐步過渡的方案 是一種穩妥的方式，可以在保留現有流量和 SEO 收錄的基礎上，逐漸將網站的權重轉移到根域名... OR | From：EKsumic

如何實現舊 URL 到描述性新 URL 的 301 重定向

12 Reads

在網站運營中，舊的 URL 結構（如 /MainPage/PreView/99）可能不夠簡潔和描述性，不利於用戶體驗和 SEO。而我們希望將其優化為新結構（如 /article/how-to-save-the-world），並通過 301 重定向 平滑過渡，將舊 URL 的 SEO 權重轉移到新 URL。本文將介紹如何通過 Nginx 和 Blazor 結合實現這一目標。 需求分析 舊 URL 的挑戰： 結構冗長，缺乏語義，不利於 SEO。 用戶無法通過 URL 判斷頁面內容... OR | From：EKsumic

如何使用 Nginx 禁止 IP 直連，僅允許域名訪問

12 Reads

在使用 Nginx 部署網站時，可能會遇到這樣的需求：希望用戶只能通過域名訪問，而不允許直接通過 IP 地址訪問網站。本文將介紹如何通過配置 Nginx 來實現這一目標。 問題背景 當用戶通過伺服器的 IP 地址直接訪問時，可能會暴露伺服器的真實地址，甚至導致未經授權的訪問。為了解決這個問題，我們可以通過 Nginx 的「默認伺服器」功能來攔截所有 IP 直連請求，並僅允許通過特定的域名訪問網站... OR | From：EKsumic