验证用户输入,以便用户只能输入字母表

时间:2018-01-07 18:41:00

标签: javascript html

我正在尝试验证用户输入,以便用户只能输入字母。 当我实现它时,我不能输入任何字符或数字,基本上输入不起作用。 有什么想法吗?

function validateName(){
  if( /^[a-zA-Z ]{2,30}$/.exec(name)){
    return true;
  }
  return false;
}
<input type="text" onkeypress="return validateName()" placeholder="First Name" name="first_name" required> <!-- Only alphabets can be entered -->
<input type="text" onkeypress="return validateName()" placeholder="Last Name" name="last_name" required> <!-- Only alphabets can be entered -->

2 个答案:

答案 0 :(得分:1)

您应该将输入的密钥传递给事件功能并修复regex

function validateName(event) {
if (/^[A-z]+$/.exec(event.key)) {
	return true;
}
return false;
}
<input type="text" onkeypress="return validateName(event) " placeholder="First Name" name="first_name" required/> <!-- Only alphabets can be entered -->
<input type="text" onkeypress="return validateName(event) " placeholder="Last Name" name="last_name" required/>   <!-- Only alphabets can be entered --> 

答案 1 :(得分:0)

你可能想看一下这篇文章,它试图完成同样的事情:detect numbers or letters with jquery/javascript?