如何使用jQuery在HTML输入框中只允许字母、点和空格?

如何使用jQuery在HTML输入框中只允许字母、点和空格?,jquery,html,validation,Jquery,Html,Validation,我正在创建一个网页,其中有一个输入文本字段,我只希望允许字母、点和空格,如“abc” 连续单词/字符之间允许有空格和点,但不允许有两个连续空格或点 允许:-“abc def.xyz” 不允许:-“abc def..xyz” 如何使用jQuery实现这一点?您可以使用以下模式。它将只允许字母、点和空格/^[a-zA-Z\.]*$/否则使用阻止默认方法 $(function() { $('#username').keydown(function(er)

我正在创建一个网页,其中有一个输入文本字段,我只希望允许字母、点和空格,如“abc”

连续单词/字符之间允许有空格和点,但不允许有两个连续空格或点

允许:-“abc def.xyz”

不允许:-“abc def..xyz”


如何使用jQuery实现这一点?

您可以使用以下模式。它将只允许字母、点和空格
/^[a-zA-Z\.]*$/

否则使用阻止默认方法

 $(function()
        {
            $('#username').keydown(function(er)
            {
            if(er.altKey||er.ctrlKey||er.shiftKey)
            {
            er.preventDefault();
            }
            else
            {var key=er.keyCode;
            if(!((key==8)||(key==9)||(key==32)||(key==46)||(key>=65 && key<=90)))
                {
                     er.preventDefault();
                     alert("please enter only alphabets")
                }
            }
         }); });
$(函数()
{
$('#username').keydown(函数(er)
{
if(er.altKey | er.ctrlKey | er.shiftKey)
{
呃,默认(),;
}
其他的
{var key=er.keyCode;

如果(!((key==8)| | |(key==9)| | |(key==32)| | |(key==46)| | |(key>=65&&key

我们可以使用下面的正则表达式来实现这一点

/^([\s.]?[a-zA-Z]+)+$/

完整的jQuery功能:-

<script>
    $(document).ready(function () {
        $("input[type='text']").each(function () {
            $(this).blur(function (e) {                  
                if (Validate(this.id)) { }
                else { alert('invalid input'); }
            });
        });

        function Validate(evt) {
            var isValid = false;
            var regex = /^([\s\.]?[a-zA-Z]+)+$/;              
            isValid = regex.test($("#" + evt).val());
            return isValid;
        }
    });
</script>

$(文档).ready(函数(){
$(“输入[type='text']”)。每个(函数(){
$(this).blur(函数(e){
如果(验证(this.id)){}
else{alert('invalid input');}
});
});
功能验证(evt){
var isValid=false;
var regex=/^([\s\.]?[a-zA-Z]+)+$/;
isValid=regex.test($(“#”+evt.val());
返回有效;
}
});

请使用HTML5中的regex和pattern属性尝试此操作,可能重复