gpt4 book ai didi

javascript - 使用 Javascript 将我的 html 输入限制为仅文本并警告用户?

转载 作者:行者123 更新时间:2023-12-03 09:25:57 25 4
gpt4 key购买 nike

所以基本上我已经在 HTML 中为一个人的名字和姓氏创建了输入字段。我希望此字段将他们的输入限制为仅文本,并向他们发出警报,否则请使用普通 JS。

这是 HTML 代码:

<div>
First Name:<br> <input id="name" type="text" placeholder="Type Here" pattern="[A-Za-z]"><br>
Last Name:<br> <input id="name" type="text" placeholder="Type Here" pattern="[A-Za-z]">
</div>

如您所见,我之前尝试使用我在另一篇文章中看到的pattern=""方法来限制输入,但无法使其工作。对此的建议也将不胜感激。

这是我现在的 JS 函数:

var nameinput=document.getElementById('name').value;
var input=function(field){
if(isNaN(field)===false || field===""){
alert('Please Enter Your Name');
return false;


}
}
input(nameinput)

这可能是显而易见的事情。我对 JS 很陌生,但任何帮助将不胜感激!

最佳答案

如果您希望它始终进行检查,请尝试实现自定义 onChange回调即 <input type="text" name="firstName" onChange="verif()"> ,或者,如果您希望它仅在提交时验证,添加onSubmit="verif()"到你的表格。对于这两种情况,verif() 函数看起来像

function verif(){
var firstName = document.getElementByName("firstName")[0].value;
if(!firstName.match(/[\A-Za-z]+/i)) {
alert("You can only enter characters");// Or whatever message
document.getElementByName("firstName")[0].focus();
}
var lastName = document.getElementByName("lastName")[0].value;
if(!lastName.match(/[\A-Za-z]+/i)) {
alert("You can only enter characters");// Or whatever message
document.getElementByName("lastName")[0].focus();
}
}

顺便说一句,此代码假设您将 name 属性与输入一起使用,您应该始终将其与输入一起使用。您也不应该两次使用同一个 ID。

关于javascript - 使用 Javascript 将我的 html 输入限制为仅文本并警告用户?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31664888/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com