目前我正在试图限制输入数据,只能输入3个字母和2个数字。它将onclicked按钮后进行检查。我的不正确的代码:
component.html
<input type="text" name="test3" [(ngModel)]="test3"
onkeyup="this.value=this.value.replace(/[^\a-\z\A-\Z0-9]/g,'');">
<button (click)="checkNumber3(test3)">submit</button>
component.ts
checkNumber3(test3): void {
console.log(test3);
if (test3 !== test3.match(/([a-z])+/) * 2 || test3 !== test3.match(/([A-Z])+/) * 2
&& test3 !== test3.match(/([0-9])+/) * 3
) {
alert('only can input 2 letters plus 3 numbers');
} else {
alert('correct');
}
}
谢谢你的帮助!
你的JavaScript块所需要的一些变化。给这一个镜头:
if (test3.match(/([A-z])/g).length === 2 && (test3.match(/([0-9])/g).length === 3)) {
alert('correct');
} else {
alert('only can input 2 letters plus 3 numbers');
}
我想你应该这样做:
if(test3.match(/([a-z])+/).length === 2 ||
test3.match(/([A-Z])+/).length === 2 &&
test3.match(/([0-9])+/).length === 3)
{
doStuff()
}
编辑(说明)
String.match返回匹配的阵列。因此,获取其长度将让你知道,如果你有正确的数据。
此外,正确的正则表达式是/([a-z]])/g
和analagically为A-Z
和0-9
而不是在同一个字符串运行多个正则表达式和创建扔掉的阵列。你应该可以做一个简单的验证功能有一个正则表达式和test()
。例如:
function validate(string) {
// two letters or three numbers
return /^([a-zA-Z]{2}|[0-9]{3})$/.test(string)
}
console.log(validate("Aa")) // true
console.log(validate("Aaa")) // false
console.log(validate("120")) // true
console.log(validate("1090")) // false
console.log(validate("1")) // false
console.log(validate("")) // false
console.log(validate("A3")) // false
使用[MAXLENGTH]和[使用MINLENGTH]对于检查长度component.html文件。
和用于检查在TS文件号码和字母,用^ \ d {2} [A-ZA-Z] {3} $此正则表达式。
您应该使用split()
和filter()
像这样:
checkNumber3(test3): void {
console.log(test3);
if (test3.split("").filter(e => isNaN(e)).length > 2 || test3.split("").filter(e => typeof parseInt(e) == "number")) {
alert('only can input 2 letters plus 3 numbers');
} else {
alert('correct');
}
}
你可以不喜欢这样!
<head>
<script type="text/javascript">
function checkIf_AlphaNum()
{
var regex1 = RegExp('^([a-zA-Z]){3}([0-9]){2}?$');
if(regex1.test(document.getElementById("txtnumber").value))
{
document.getElementById("msg_2_show").innerHTML="given string matched against pattern!";
document.getElementById("msg_2_show").style.color="#7CFC00";
//alert("given string matched against pattern!");
}
else {
document.getElementById("msg_2_show").innerHTML="invalid pattern!";
document.getElementById("msg_2_show").style.color="#B22222";
}
}
</script>
</head>
<body>
<h4 id="msg_2_show"></h4>
<form >
<label>Enter No.:</label>
<input type="text" id="txtnumber" name="txtnumber" />
<input type="button" value="Submit!" name="btnsubmit" onclick="checkIf_AlphaNum()"/>
</form>
</body>
</html>
添加checknumber之类的函数的输入按键内部下面的代码
<input type="text" name="test3" [(ngModel)]="test3" (keypress)="checkNumber3(test3)"
onkeyup="this.value=this.value.replace(/[^\a-\z\A-\Z0-9]/g,'');">
<button (click)="checkNumber3(test3)">submit</button>
从这里检查它的角6在线编辑器: