cj6*_*j69 2 javascript forms validation
我是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初学者.
谢谢!
字面上相反的isNaN(num)是!isNaN(num).但是,这并不总是验证某些内容是数字的.要检查某些东西是否为数字,请使用jQuery $.isNumeric(num)或者这个
function isNumeric(num) {
return !isNaN(parseFloat(num)) && isFinite(num);
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
8301 次 |
| 最近记录: |