Jquery限制字符串中的字符接受字符

时间:2015-05-18 21:36:05

标签: jquery regex text field

我基本上试图强制字段只接受特定的字符串格式。

$jq('input#id').bind('keyup', function(){
var sanitized = $jq(this).val().replace(/[^0-9a-z]/g,'');
$jq(this).val('WO'+sanitized);

在这个当前示例中,我强制第一个字符为WO,然后添加有效字符(有效数字/字母)。

基于这个想法,我想知道是否有办法做到以下几点:
强制前5位数字只是数字而后5位数字只是字母?

2 个答案:

答案 0 :(得分:1)

如果您需要正则表达式来检查前5个字符是否为数字,最后5个字符是英文字母,您可以使用简单的正则表达式:

/profile/:id/featured

var re = /^\d{5}.*[a-zA-Z]{5}$/; 将确保我们开始检查字符串的开头,^匹配5位数,\d{5}匹配除换行符号之外的任何内容,.*完全匹配字符串[a-zA-Z]{5}结尾前的5个英文字母。

请参阅demo

$

答案 1 :(得分:1)

这是一种方法......

ul, li {
    padding: 0;
    margin: 0;
}
ul {
    background-color: #888;
    text-align: center;
}
ul > li {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    background-color: #aaa;
    font-size: 20px;
    line-height: 1.5;
}
ul > li a{
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 0 15px;
    border: 1px solid #000;
}
<ul>
    <li><a href="/projektek/covenantal-cathexion/">Covenantal</a>    
    <li><a href="/projektek/inyoite-unstintingly/">Inyoite</a>    
    <li><a href="/projektek/unpollutable-unicameralist/">Unpollutable</a>   
    <li><a href="/projektek/bibliopolical-reimpel/">Bibliopolical</a>    
    <li><a href="/projektek/vibrato-myotacismus/">Vibrato</a>   
    <li><a href="/projektek/myopical-gaspingly/">Myopical</a>   
    <li><a href="/projektek/funiculate-periarthritis/">Funiculate</a>   
    <li><a href="/projektek/indesignate-parachromoparous/">Indesignate</a>    
    <li><a href="/projektek/uncompromisingness-mastatrophia/">Uncompromisingness</a>   
</ul>