我有一个给定名称(名字)的HTML5文本字段。
<input name="name" id="name" autocompletetype="given-name" type="text" alt="" maxlength="16" required/>
有些用户在这里输入密码。因此,我想通过不允许数字来阻止其中一些。我将如何实现这一目标?所以,对于任何情况,我只想要英文和土耳其字母加上-
和'
,哦,这些â,ê,ê..无论如何。更好的方法是不允许数字我想但是有这样的方式吗?
答案 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将字段标记为有效/无效。 (例如,无效字段的红色边框)