[Javascript] input 輸入處理:限制只允許輸入英文、數字和橫線 (-) 並自動轉換為大寫

2023-06-29

最近我遇到了一個 JavaScript 的問題,雖然不是什麼大事,但對方需要在一個 input 欄位中,只允許輸入英文、數字和橫線 (-)。

此外,他希望輸入小寫英文字母時自動轉換為大寫。儘管這聽起來有些簡單,但每次都需要重新寫一次,因此我想將這個解決方案記錄下來。




這裡是我所使用的方法:在 onKeypress 事件中使用正則表達式(regex)進行輸入阻擋,

確保只有英文、數字和橫線 (-) 能夠進入。接著,在 onKeyUp 事件中,我將輸入的文字轉換為大寫,確保統一的輸入格式。



值得一提的是,我在網路上看到了一個使用 CSS 的方法,即使用 style="text-transform: uppercase"。

這樣可以讓輸入的字"看起來"是大寫,但在取值時仍然是小寫。雖然這是一個簡單的做法

但需要特別注意。如果在送出前將值轉換為大寫,也是一種方便的解決方案,避免使用 onKeyUp 的方法。



[Facebook] 關於出現 "應用程式網域必須符合 Facebook 網頁遊戲網址(https) 、行動網站網址、 Unity 二進位網址、網站網址或安全粉絲專頁頁籤網址的網域。" 的問題

2023-06-28


今天記錄一次遇到的狀況,交叉比對很久才找到

一個關於臉書 ( facebook ) 的開發上面遇到的問題

應用程式網域必須符合 Facebook 網頁遊戲網址(https) 、行動網站網址、 Unity 二進位網址、網站網址或安全粉絲專頁頁籤網址的網域。



[C#] ASP.net 出現 InvalidOperationException: Invalid non-ASCII or control character in header: 0x5132 的錯誤

2023-06-27


在 Web 開發的演進中,我們經歷了從 WebForm 時代到現在的 .Net 6 時代,而在這過程中,一些原本看似簡單的操作,卻可能因為技術的進步而產生一些意想不到的變化。

以前在 WebForm 時代,我們經常使用 ResponseRedirect 這樣的方式進行頁面跳轉,而且往往並不會遇到太多問題,

例如直接使用 ResponseRedirect("/sample.aspx?meg=儲存成功") 就能夠順利地將用戶導向指定的頁面,同時傳遞一些必要的參數。


然而,最近在使用 .Net 6 開發時,卻意外地遇到了一個 InvalidOperationException: Invalid non-ASCII or control character in header: 0x5132 的錯誤。



[C#][.Net] 關於 ASP.net 取得 POST 資料,動態增加 POST 值

2023-06-26

今天來寫一個很基本的東西,其實應該很多人都會了

只是最近要處理一些動態資料,所以測試一下關於 .Net Core Post 資料的問題



[C#] 判斷五行相生相剋

2023-06-24

今天分享一個不是很重要的東西,只是剛好用到,就筆記一下

主要是因為最近在看五行的相生相剋,大概規則是

相生:木生火、火生土、土生金、金生水、水生木。

相剋:木剋土、土剋水、水剋火、火剋金、金刻木。


[HTML] 一個可以提升 mailto 體驗的小技巧 (僅電腦使用)

2023-06-17

最近看到一個很有趣的東西,可以取代 mailto 的使用,如果下 mailto 的指令

現在人其實已經很少安裝信件軟體了,大部分都是用 Web Mail  ,我這邊大部分都是使用 Gmail

這時候關於點到 mailto 都會出現 



當麻許的超技八 2014 | Donma Hsu Design.