HTML文本输入,没有数字

时间:2013-02-21 23:41:39

标签: html5 validation

我有一个给定名称(名字)的HTML5文本字段。

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

有些用户在这里输入密码。因此,我想通过不允许数字来阻止其中一些。我将如何实现这一目标?所以,对于任何情况,我只想要英文和土耳其字母加上-',哦,这些â,ê,ê..无论如何。更好的方法是不允许数字我想但是有这样的方式吗?

1 个答案:

答案 0 :(得分:1)

我假设您可以使用javascript / jQuery。

请注意,我不确定下面的字母序列是否仅包含土耳其字母/所有土耳其字母。但是,它是一个非常详尽的各种语言中使用的字母列表。

然后:

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

然后使用CSS将字段标记为有效/无效。 (例如,无效字段的红色边框)