[英]why typeof or number check validation is returning false
为什么在以下情况下无法进行数字验证。
我尝试过检查值的类型
if(typeof value!=='number'){}
我尝试检查值是否小于1。默认情况下，变量的值为0
if(parseInt(value)<1){}
以下代码段运行正常，现在我要添加其他要求，检查用户是否输入了号码，如果检测到文本，则停止进一步的处理警报号码。
它正在检查null值，可以使用null值正常工作，但是typeof且less than 1有什么问题。
我添加了代码块作为注释，但无法正常工作。
注释块的第一个验证结果是它返回false，即使我们在字段中输入数字也是如此。
来自注释块的第二次验证部分起作用，但是它必须警告消息并中断该过程，但会给出NaN结果。
window.onload=function(){ bk_issue(); } function bk_issue(){ document.getElementById('btn_iss').onclick=function(){ if(document.querySelectorAll('input[name="book"]:checked').length===0){ alert('Please check at least one book'); return false; } if(document.querySelectorAll('input[name="std"]:checked').length===0){ alert('Please check at least one student or staff'); return false; } else{ var ttl_qnt = document.querySelector('input[name="book"]:checked').getAttribute('data-id'); var std = document.querySelectorAll('input[name="std"]:checked'); var iss_qnt=0; for (var i=0;i<std.length;i++){ var value = std[i].closest('tr').getElementsByTagName('td')[2].querySelector('.qnt').value; if(value===''){ var std_qnt = 0; alert('Please fill book quantity in checked student field'); return false; } // This validation is not working /* if(typeof value!=='number'){ var std_qnt = 0; alert('Please type number only'); return false; } if(parseInt(value)<1){ var std_qnt = 0; alert('Please type number only'); return false; }*/ else{ var std_qnt = std[i].closest('tr').getElementsByTagName('td')[2].querySelector('.qnt').value; } iss_qnt += parseInt(std_qnt); } alert(iss_qnt); } } }
<html> <head> </head> <body> <table> <tr> <th>Select</th><th>Book</th><th>Qnt</th> </tr> <tr> <td><input type='radio' name='book' value='1' data-id='20' /></td><td>Social Experiment</td><td>20</td> </tr> <tr> <td><input type='radio' name='book' value='1' data-id='12' /></td><td>Evolution of group</td><td>20</td> </tr> </table> <br/> <button id='btn_iss'>Issue</button> <br/> <table> <tr> <th>Select</th><th>Name</th><th>Issued Qnt</th> </tr> <tr> <td><input type='checkbox' value='1' name='std' /></td><td>Rahul</td><td><input type='text' value='' class='qnt'></td> </tr> <tr> <td><input type='checkbox' value='2' name='std' /></td><td>Preeti</td><td><input type='text' value='' class='qnt'></td> </tr> <tr> <td><input type='checkbox' value='3' name='std' /></td><td>Prince</td><td><input type='text' value='' class='qnt'></td> </tr> </table> </body> </html>
value始终是一个字符串，检查字符串是否可转换为数字的最好方法是window.isNaN函数（ 不要与Number.isNaN混淆）：
if(window.isNaN(value)) {
/* act accordingly, the value is not a number */
}
如果希望将该value字符串转换为数字，请使用Number构造函数
value = Number(value)
如@Jaromanda X所述 ，输入值始终是字符串，因此您需要使用parseInt将其转换为整数，并使用isNaN()来检查parseInt(value)是否不是数字：
if(isNaN(parseInt(value))){
var std_qnt = 0;
alert('Please type number only');
return false;
}
window.onload=function(){ bk_issue(); } function bk_issue(){ document.getElementById('btn_iss').onclick=function(){ if(document.querySelectorAll('input[name="book"]:checked').length===0){ alert('Please check at least one book'); return false; } if(document.querySelectorAll('input[name="std"]:checked').length===0){ alert('Please check at least one student or staff'); return false; } else{ var ttl_qnt = document.querySelector('input[name="book"]:checked').getAttribute('data-id'); var std = document.querySelectorAll('input[name="std"]:checked'); var iss_qnt=0; for (var i=0;i<std.length;i++){ var value = std[i].closest('tr').getElementsByTagName('td')[2].querySelector('.qnt').value; if(value===''){ var std_qnt = 0; alert('Please fill book quantity in checked student field'); return false; } if(isNaN(parseInt(value))){ var std_qnt = 0; alert('Please type number only'); return false; } else{ var std_qnt = std[i].closest('tr').getElementsByTagName('td')[2].querySelector('.qnt').value; } iss_qnt += parseInt(std_qnt); } alert(iss_qnt); } } }
<html> <head> </head> <body> <table> <tr> <th>Select</th><th>Book</th><th>Qnt</th> </tr> <tr> <td><input type='radio' name='book' value='1' data-id='20' /></td><td>Social Experiment</td><td>20</td> </tr> <tr> <td><input type='radio' name='book' value='1' data-id='12' /></td><td>Evolution of group</td><td>20</td> </tr> </table> <br/> <button id='btn_iss'>Issue</button> <br/> <table> <tr> <th>Select</th><th>Name</th><th>Issued Qnt</th> </tr> <tr> <td><input type='checkbox' value='1' name='std' /></td><td>Rahul</td><td><input type='text' value='' class='qnt'></td> </tr> <tr> <td><input type='checkbox' value='2' name='std' /></td><td>Preeti</td><td><input type='text' value='' class='qnt'></td> </tr> <tr> <td><input type='checkbox' value='3' name='std' /></td><td>Prince</td><td><input type='text' value='' class='qnt'></td> </tr> </table> </body> </html>
typeof(1) 将“Number”打印到控制台，但是当我询问 typeof(1) == Number 时，它打印出 false，为什么？
[英]typeof(1) prints “Number” to the console, but when i ask if typeof(1) == Number, it prints out false, why?
传递给IIFE时，对象属性（数字）的typeof返回undefined。 为什么？
[英]typeof of an object property (number) on passing to IIFE is returning undefined. Why?
为什么我的函数在jQuery Validation Plugin中的规则内没有返回false？
[英]Why is my function inside a rule in jQuery Validation Plugin not returning false?
为什么 ```typeof(a) != Number``` // 评估 True - 即使 typeof(a)==Number？
[英]Why does ```typeof(a) != Number``` //evaluate True - even when typeof(a)==Number?
为什么 typeof === 'number' 与 !isNaN(number) 不同
[英]Why is typeof === 'number' not the same as !isNaN(number)
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.