JS非空验证
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS非空验证相关的知识,希望对你有一定的参考价值。
代码如下:
<body> <table> <tr> <td>姓名:</td> <td><input type="text" name="TrueName" id="TrueName" /></td> </tr> <tr> <td colspan="2"> <input type="submit" value="submit" onclick="return check();" /> </td> </tr> </table> </body> <script language="javascript"> function Check() { if(document.getElementById(‘TrueName‘).value==‘‘) { alert(‘必须输入姓名!‘); document.getElementById(‘TrueName‘).focus(); return false; } if(document.getElementById(‘Identity‘).value==‘‘) { alert(‘必须输入身份证号码!‘); document.getElementById(‘Identity‘).focus(); return false; } if(document.getElementById(‘Tel‘).value==‘‘) { alert(‘必须输入联系电话!‘); document.getElementById(‘Tel‘).focus(); return false; } if(document.getElementById(‘Address‘).value==‘‘) { alert(‘必须输入联系地址!‘); document.getElementById(‘Address‘).focus(); return false; } if(document.getElementById(‘PassWord‘).value==‘‘) { alert(‘密码不能为空!‘); document.getElementById(‘PassWord‘).focus(); return false; } if(document.getElementById(‘PassWord‘).value!=document.getElementById(‘RPass‘).value) { alert(‘两次输入的密码不一致!‘); document.getElementById(‘PassWord‘).focus(); return false; } } </script> <script language="JavaScript"> function Check() { if(document.getElementById(‘TrueName‘).value==‘‘) { alert(‘必须输入姓名!‘); document.getElementById(‘TrueName‘).focus(); return false; } if(document.getElementById(‘Identity‘).value==‘‘) { alert(‘必须输入身份证号码!‘); document.getElementById(‘Identity‘).focus(); return false; } if(document.getElementById(‘Tel‘).value==‘‘) { alert(‘必须输入联系电话!‘); document.getElementById(‘Tel‘).focus(); return false; } if(document.getElementById(‘Address‘).value==‘‘) { alert(‘必须输入联系地址!‘); document.getElementById(‘Address‘).focus(); return false; } if(document.getElementById(‘PassWord‘).value==‘‘) { alert(‘密码不能为空!‘); document.getElementById(‘PassWord‘).focus(); return false; } if(document.getElementById(‘PassWord‘).value!=document.getElementById(‘RPass‘).value) { alert(‘两次输入的密码不一致!‘); document.getElementById(‘PassWord‘).focus(); return false; } } </script>
以上是关于JS非空验证的主要内容,如果未能解决你的问题,请参考以下文章
Express实战 - 应用案例- realworld-API - 路由设计 - mongoose - 数据验证 - 密码加密 - 登录接口 - 身份认证 - token - 增删改查API(代码片段
js验证非空后,输入框边框变红,如果输入正确怎么让边框恢复到默认的颜色?