Regex разрешить буквы и пробелы только в поле ввода html - PullRequest
0 голосов
/ 27 декабря 2018

Я хочу разрешить только буквы и пробелы в поле ввода, как "Джон де".но вышеупомянутое не работает с нижеследующим регулярным выражением и не допускает пробел.

<!DOCTYPE html">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
</head>

<body>
<label>full name
<input type="text" name="textfield" onkeydown="return /[a-z]/i.test(event.key)"
    onblur="if (this.value == '') {this.value = '';}"
    onfocus="if (this.value == '') {this.value = '';}"/>
</label>
</body>
</html>

Ответы [ 3 ]

0 голосов
/ 27 декабря 2018

Не использовал его, но что-то вроде следующего должно решить вашу проблему-

onkeydown = "return((event.keyCode >= 65 && event.keyCode <= 120) || (event.keyCode==32));"

или

Если это событие onkeydown, тогда оно должно быть:

return (event.keyCode>=65 && event.keyCode<=90 || event.keyCode==32);

для захвата фактической клавиши клавиатуры.

0 голосов
/ 27 декабря 2018

Изменение oninput="this.value = this.value.replace(/[^a-z, ]/, '')"

<!DOCTYPE html">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
</head>

<body>
<label>full name
<input type="text" name="textfield" oninput="this.value = this.value.replace(/[^a-z, ]/, '')" />
</label>
</body>
</html>
0 голосов
/ 27 декабря 2018

измените свое регулярное выражение на /[a-z, ]/i

<!DOCTYPE html">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
</head>

<body>
<label>full name
<input type="text" name="textfield" onkeydown="return /[a-z, ]/i.test(event.key)"
    onblur="if (this.value == '') {this.value = '';}"
    onfocus="if (this.value == '') {this.value = '';}"/>
</label>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...