我对JavaScript非常陌生,尝试运行一个简单的脚本,如果字段填写不正确(即输入不是数字),则为其添加红色边框,但如果该字段随后被正确填写,则将边框颜色更改为绿色。但是,如果其他字段填写不正确,则无法提交表单。
到目前为止,我已经通过使用以下代码来实现文本字段的上述功能:
function validateForm()
{
var x=document.forms["myForm"]["FN"].value;
if (x==null || x=="")
{
alert("First name must be completed");
document.forms["myForm"]["FN"].style.border="1px solid red";
return false;
}
else (x!==null || x!=="")
{
document.forms["myForm"]["FN"].style.border="1px solid green";
}
但是我现在正在尝试做同样的事情,但限制字段只接受数字。目前我有如下代码:
var x=document.forms["myForm"]["mobile"].value;
if (isNaN(x) || x==null || x=="")
{
alert("Contact number must be completed with numbers only");
document.forms["myForm"]["mobile"].style.border="1px solid red";
return false;
}
else (x!==null || x!=="" || // need to write here is not isNaN !isNaN//)
{
document.forms["myForm"]["SN"].style.border="1px solid green";
}
这将限制字段只允许数字,但一旦表单框的边框变成红色,一旦验证满足,它就不会变成绿色。
如何编写isNan或任何解决方法的任何帮助/提示将不胜感激。
请尽量简单易懂,因为我是一个完全初学者,对于网页设计和JavaScript不熟悉。
谢谢!
isNaN
的相反操作是!isNaN
,读作:"不是不是数字",因此它是一个数字。 - elclanrselse
子句呢?这将导致代码在非数字测试失败时运行,这意味着它必须是一个数字。 - Pointy