我是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";
}
Run Code Online (Sandbox Code Playgroud)
但我现在正在尝试做同样的事情,但限制字段只接受数字.到目前为止我所拥有的是:
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";
}
Run Code Online (Sandbox Code Playgroud)
这限制了fie; ld只允许数字,但一旦表格框边框变为红色,一旦验证满足,它就不会变成绿色.
任何有关如何写作的帮助/提示都不是isNaN,或者任何工作都会受到赞赏.
请尽量保持简单,因为我是一个完整的网页设计和JavaScript初学者.
谢谢!