使用事件按键在javascript中的文本框上进行字母验证

时间:2014-11-03 11:52:51

标签: javascript html validation textbox

我正在尝试验证表单,当文本框中的任何特殊字符或数字按下时,它应该触发错误警告。

<html>
<head>
<script>
function demoMatchClick() {

  var reg = new RegExp("[a-z]|[A-Z]");
  if (document.form.name.value.match(reg)) {
    alert("Successful match");

  } else {
    alert("Not a match");

  }
}
</script>
</head>
<body >
    <form onSubmit="alert('submit')" name="form">
        <input type="text" name="name" value="name" onkeyup="demoMatchClick();"/>
        <input type="submit" value="submit"/>
    </form>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

用This:

替换你的代码

&#13;
&#13;
function demoMatchClick(inputtxt) {
var letters = /^[A-Za-z]+$/;
var val = inputtxt.value.replace(/\s/g, '');
  if (val.match(letters)) {
    alert("Successful match");

  } else {
    alert("Not a match");

  }
}
&#13;
<html>
  <body >
    <form onSubmit="alert('submit')" name="form">
        <input type="text" name="name" value="name" onkeyup="demoMatchClick(this);"/>
        <input type="submit" value="submit"/>
    </form>
</body>
</html>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

<input type="text" name="name" value="name" pattern="[a-zA-Z]+" title="Letters only!"/>

完成。 Demo