Javascript “怎么做?”;“内联解决方案”&书信电报;输入类型=";“文本”&燃气轮机;只允许数字,否则也会发出警报?

Javascript “怎么做?”;“内联解决方案”&书信电报;输入类型=";“文本”&燃气轮机;只允许数字,否则也会发出警报?,javascript,html,input,alert,inline,Javascript,Html,Input,Alert,Inline,如何使用与下相同的解决方案执行内联解决方案,但添加了警告消息。现在它不允许文本,只允许数字,但并没有警报。我需要添加一个警告消息,如果没有一个数字插入没有修改太多的功能,因为它是现在。如何将该警报添加到它 记住由于我页面上的技术问题,我搜索的是一个简短的简单内联解决方案而不是一些查询或单独的JavaScript,除非除了单独的JavaScript之外没有其他方法 带有内联JavaScript的HTML: <input type="text" name="areinp" size="30"

如何使用与下相同的解决方案执行内联解决方案,但添加了警告消息。现在它不允许文本,只允许数字,但并没有警报。我需要添加一个警告消息,如果没有一个数字插入没有修改太多的功能,因为它是现在。如何将该警报添加到它

记住由于我页面上的技术问题,我搜索的是一个简短的简单内联解决方案而不是一些查询或单独的JavaScript,除非除了单独的JavaScript之外没有其他方法

带有内联JavaScript的HTML:

<input type="text" name="areinp" size="30" value="" onChange="areCon()" onkeyup="this.value=this.value.replace(/[^\d]/,'');">
看看:

看看:

标签指定了一个输入字段,用户可以在其中输入数据。
定义一行文本输入字段:

<form>
  First name:<br>
  <input type="text" name="firstname"><br>
  Last name:<br>
  <input type="text" name="lastname">
</form>
添加标记html:
onsubmit=“return checkInp()”
或者你可以使用@Andrii answer,
只发送数字


Obs:我不确定这是否是最好的做法。。。但是,这正是您想要的,在我的版本中,您可以让用户键入任意字符,但如果用户发送文本,它将显示一条带有消息“必须输入数字”的警报。
标记指定用户可以输入数据的输入字段。
定义一行文本输入字段:

<form>
  First name:<br>
  <input type="text" name="firstname"><br>
  Last name:<br>
  <input type="text" name="lastname">
</form>
添加标记html:
onsubmit=“return checkInp()”
或者你可以使用@Andrii answer,
只发送数字


备注:我不确定这是否是最好的做法……但是,这是您想要的,在我的版本中,您可以让用户键入任何字符,但是如果用户发送文本,它将显示一条警告消息“必须输入数字”

一件事是声明特定类型的输入。然后,只需接受即可写入此类型的值。 例如,当您声明:

<input type="number"/>
当用户提交时,他正在调用表单验证函数。由单个验证函数支持。对所有值执行最后一次检查。例如,如果希望有一些必填字段,可以在此处实现。每次验证都要避免使用无效值。通过这种方式,我们得到了正确的函数封装。我们在定义时得到:

<form action="" onsubmit="return validateForm()">

然后:

<fieldset>
  <input type="submit" id="submit" name="submit" value="Submit" />
</fieldset> 

看一看,随便问你需要什么


函数validateName(x){
//验证规则
var re=/[A-Za-z-']$/;
//检查输入
if(重新测试(document.getElementById(x.value)){
//绿色风格
document.getElementById(x.style.background='#ccffcc';
//隐藏错误提示
document.getElementById(x+'Error').style.display=“无”;
返回true;
}否则{
//风格红
document.getElementById(x).style.background='#e3552';
//显示错误提示
document.getElementById(x+'Error').style.display=“block”;
返回false;
}
}
//验证电子邮件
功能验证邮件(电子邮件){
变量re=/^([^()[\]\\,;:\s@\“]+(\.[^()[\]\,;:\s@\“]+)*)(\'+\”)(\[[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.[1,3}.[0-9]{1,3}.];
如果(重新测试(电子邮件)){
document.getElementById('email').style.background='#ccffcc';
document.getElementById('emailError').style.display=“无”;
返回true;
}否则{
document.getElementById('email').style.background='#e3552';
返回false;
}
}
//验证号码
函数验证枚举数(num){
if(!isNaN(parseFloat(num))和&isFinite(num)){
//是数字吗
document.getElementById('numberError').style.display=“无”;
document.getElementById('number').style.background='#ccffcc';
}否则{
//没有号码
document.getElementById('number').style.background='#e35152';
}
}
函数validateForm(){
//设置错误捕捉器
var误差=0;
//核对姓名
如果(!validateName('name')){
document.getElementById('nameError').style.display=“block”;
错误++;
}
//验证电子邮件
如果(!validateEmail(document.getElementById('email').value)){
document.getElementById('emailError').style.display=“block”;
错误++;
}
//验证号码
if(!validateEnumber(document.getElementById('number').value)){
document.getElementById('numberError').style.display=“block”;
错误++;
}
//如果有错误,请不要提交表格
如果(错误>0){
返回false;
}
}     
名称
只能使用字母字符、连字符和撇号
电子邮件
您必须输入有效的电子邮件地址
数
您必须输入一个数字

一件事是声明特定类型的输入。然后,只需接受即可写入此类型的值。 例如,当您声明:

<input type="number"/>
当用户提交时,他正在调用表单验证函数。由单个验证函数支持。对所有值执行最后一次检查。例如,如果希望有一些必填字段,可以在此处实现。每次验证都要避免使用无效值。通过这种方式,我们得到了正确的函数封装。我们在定义时得到:

<form action="" onsubmit="return validateForm()">

然后:

<fieldset>
  <input type="submit" id="submit" name="submit" value="Submit" />
</fieldset> 

看一看,随便问你需要什么


函数validateName(x){
//验证规则
var re=/[A-Za-z-']$/;
//检查输入
if(重新测试(document.getElementById(x.value)){
<fieldset>
  <input type="submit" id="submit" name="submit" value="Submit" />
</fieldset>