HTML文本輸入，無數字

-2

我有給定名稱（名字）的HTML5文本字段。HTML文本輸入，無數字

<input name="name" id="name" autocompletetype="given-name" type="text" alt="" maxlength="16" required/>

有些用戶在這裏輸入密碼。因此我想通過不允許數字來防止其中的一些。我將如何實現這一目標？所以，我希望只有英文和土耳其文字加上-和'，無論如何，哦，這些â，Â，ê..無論如何。更好的辦法是不讓數字我猜，但有這樣的方式嗎？

來源

2013-02-21 ilhan

使用javascript鍵盤事件來檢查輸入的字符是否是數字。 – 2013-02-21 23:43:21

如果用戶在名字字段中輸入密碼，則會出現嚴重的UX問題。請考慮修改*而不是禁止在第一個字段中輸入數字（或者「第二屆馮·芒克豪森的愛德華」將如何註冊？：D） – Jeroen 2013-02-21 23:46:47

我打算假設你可以使用javascript/jQuery。

請注意，我不確定下面的字母序列是否僅包含土耳其字母/所有土耳其字母。但是，它是用於各種語言的非常詳盡的字母表。

然後：

 $('#name').on('change', function(){ 
      if(/^[a-zA-Z\- ’'‘ÆÐƎƏƐƔĲŊŒẞÞǷȜæðǝəɛɣĳŋœĸſßþƿȝĄƁÇĐƊĘĦĮƘŁØƠŞȘŢȚŦŲƯY̨Ƴąɓçđɗęħįƙłøơşșţțŧųưy̨ƴÁÀÂÄǍĂĀÃÅǺĄÆǼǢƁĆĊĈČÇĎḌĐƊÐÉÈĖÊËĚĔĒĘẸƎƏƐĠĜǦĞĢƔáàâäǎăāãåǻąæǽǣɓćċĉčçďḍđɗðéèėêëěĕēęẹǝəɛġĝǧğģɣĤḤĦIÍÌİÎÏǏĬĪĨĮỊĲĴĶƘĹĻŁĽĿʼNŃN̈ŇÑŅŊÓÒÔÖǑŎŌÕŐỌØǾƠŒĥḥħıíìiîïǐĭīĩįịĳĵķƙĸĺļłľŀŉńn̈ňñņŋóòôöǒŏōõőọøǿơœŔŘŖŚŜŠŞȘṢẞŤŢṬŦÞÚÙÛÜǓŬŪŨŰŮŲỤƯẂẀŴẄǷÝỲŶŸȲỸƳŹŻŽẒŕřŗſśŝšşșṣßťţṭŧþúùûüǔŭūũűůųụưẃẁŵẅƿýỳŷÿȳỹƴźżžẓ]$/.test($(this).val())){ 
       $(this).removeClass('invalidField'); 
       $(this).addClass('validField'); 
      } else { 
       $(this).addClass('invalidField'); 
       $(this).removeClass('validField'); 
      } 
     });

然後用CSS來標記字段的有效/無效。（例如無效字段的紅色邊框）

來源

2013-02-21 23:49:53

HTML文本輸入，無數字

回答

相關問題