javascript中文本框的验证

validation of textbox in javascript?

本文关键字：验证 文本 中文 javascript      更新时间：2023-09-26
  1. 如何验证文本框应仅包含字母使用javascript还是使用正则表达式

这样尝试：

<script type="text/javascript">
var cek = /^[a-zA-Z' '']+$/;
function validate(form){
var name = form.name.value;
 if (!cek.test(name)) {
  alert("Only Alphabetic");
  return false;
 }
 return true;
}
</script>
<form method="" action="#" onSubmit="return validate(this);" name="form">
<input type="text" id="name" name="name" value="" />
<input type="submit">
</form>

您可以在JavaScript中使用Regex来实现这一点。。。

var text = document.getElementById('TEXTBOX_ID').value;//get value from textbox
var regex = /^[a-zA-Z]+$/;//only allow letters (minimum of 1). No whitespace, no symbols, no numbers
if(regex.test(text)){
   //this is valid
}

创建一个函数：

function validateTextbox(element) {
    var pattern = /^[A-Za-z]+$/;
    if (!pattern.test(element.innerHTML) {
        //Do something
        element.innerHTML += " Not matched";
    }
}

将其绑定到元素：

<some-element onchange="validateTextbox(this)" />

或者使用（更容易维护和推荐的）方式绑定：

var element = getElementById("someID");
element.addEventListener("change", function() {
        var pattern = /^[A-Za-z]+$/;
        if (!pattern.test(element.innerHTML) {
            //Do something
            element.innerHTML += " Not matched";
        }
    }
}
相关文章：