[Javascript] input 輸入處理:限制只允許輸入英文、數字和橫線 (-) 並自動轉換為大寫
最近我遇到了一個 JavaScript 的問題,雖然不是什麼大事,但對方需要在一個 input 欄位中,只允許輸入英文、數字和橫線 (-)。
此外,他希望輸入小寫英文字母時自動轉換為大寫。儘管這聽起來有些簡單,但每次都需要重新寫一次,因此我想將這個解決方案記錄下來。
這裡是我所使用的方法:在 onKeypress 事件中使用正則表達式(regex)進行輸入阻擋,
確保只有英文、數字和橫線 (-) 能夠進入。接著,在 onKeyUp 事件中,我將輸入的文字轉換為大寫,確保統一的輸入格式。
值得一提的是,我在網路上看到了一個使用 CSS 的方法,即使用 style="text-transform: uppercase"。
這樣可以讓輸入的字"看起來"是大寫,但在取值時仍然是小寫。雖然這是一個簡單的做法
但需要特別注意。如果在送出前將值轉換為大寫,也是一種方便的解決方案,避免使用 onKeyUp 的方法。
標籤: ASP.net , Javascript
[Facebook] 關於出現 "應用程式網域必須符合 Facebook 網頁遊戲網址(https) 、行動網站網址、 Unity 二進位網址、網站網址或安全粉絲專頁頁籤網址的網域。" 的問題
今天記錄一次遇到的狀況,交叉比對很久才找到
一個關於臉書 ( facebook ) 的開發上面遇到的問題
應用程式網域必須符合 Facebook 網頁遊戲網址(https) 、行動網站網址、 Unity 二進位網址、網站網址或安全粉絲專頁頁籤網址的網域。
[C#] ASP.net 出現 InvalidOperationException: Invalid non-ASCII or control character in header: 0x5132 的錯誤
在 Web 開發的演進中,我們經歷了從 WebForm 時代到現在的 .Net 6 時代,而在這過程中,一些原本看似簡單的操作,卻可能因為技術的進步而產生一些意想不到的變化。
以前在 WebForm 時代,我們經常使用 ResponseRedirect 這樣的方式進行頁面跳轉,而且往往並不會遇到太多問題,
例如直接使用 ResponseRedirect("/sample.aspx?meg=儲存成功") 就能夠順利地將用戶導向指定的頁面,同時傳遞一些必要的參數。
然而,最近在使用 .Net 6 開發時,卻意外地遇到了一個 InvalidOperationException: Invalid non-ASCII or control character in header: 0x5132 的錯誤。
[C#] 判斷五行相生相剋
今天分享一個不是很重要的東西,只是剛好用到,就筆記一下
主要是因為最近在看五行的相生相剋,大概規則是
相生:木生火、火生土、土生金、金生水、水生木。
相剋:木剋土、土剋水、水剋火、火剋金、金刻木。
[HTML] 一個可以提升 mailto 體驗的小技巧 (僅電腦使用)
最近看到一個很有趣的東西,可以取代 mailto 的使用,如果下 mailto 的指令
現在人其實已經很少安裝信件軟體了,大部分都是用 Web Mail ,我這邊大部分都是使用 Gmail
這時候關於點到 mailto 都會出現