JavaScript 表单 验证不能为空
答案:6 悬赏:50 手机版
解决时间 2021-02-15 22:31
- 提问者网友：我的未来我做主
- 2021-02-14 23:40
表单定义（用户名部分）：<br><form id="form1" name="form1" method="post" action="cgibin/abc.pl" onsubmit="return validate()"><br> <table width="500" border="1" align="center"><br> <tr><br> <td align="right"><div align="right">username：</div></td><br> <td align="left" bgcolor="#FFFFFF"><div align="left"><br> <label for="username"></label><br> <input name="username" type="text" id="username" size="10" maxlength="10" /><br> <span style="color: #F00">*不能为空</span></div></td><br> </tr><br> <tr><br>formcheck.js中相关方法定义:<br>function validate()<br>{var username=document.getElementByI("username").value<br> if (username.length==""){<br>alert("名字不能为空。")return false;<br>}<br>return true;<br>}<br><br>但是预览后用户名为空时，它并没有进行验证，并没有弹出提示窗口，不知道是哪里出错了。
最佳答案
- 五星知识达人网友：十年萤火照君眠
- 2021-02-15 01:18
if (username.length==""){<br>alert("名字不能为空。")return false;<br>}<br><br>username.length==""怎么能判断是否为空呢<br><br>可以这样写<br>表单定义（用户名部分）：<br><form id="form1" name="form1" method="post" action="cgibin/abc.pl" onsubmit="return validate()"><br> <table width="500" border="1" align="center"><br> <tr><br> <td align="right"><div align="right">username：</div></td><br> <td align="left" bgcolor="#FFFFFF"><div align="left"><br> <label for="username"></label><br> <input name="username" type="text" id="username" size="10" maxlength="10" /><br> <span style="color: #F00">*不能为空</span></div></td><br> </tr><br> <tr><br>formcheck.js中相关方法定义:<br>function validate() {<br> var username=document.getElementByI("username").value<br> username = username.replace(/[ ]/g,""); //替换所有空格！<br><br> if (username==""){<br> alert("名字不能为空。")return false;<br>}<br>return true;<br>}
全部回答
- 1楼网友：患得患失的劫
- 2021-02-15 06:59
应该改成username == ""
- 2楼网友：廢物販賣機
- 2021-02-15 05:32
html元素的内容不一定是value就能拿到的，试试textContent
提交回答
- 3楼网友：行雁书
- 2021-02-15 04:15
<script language="javascript"> function check(){ if (formmain.searchkey.value ==""){ alert("表单不能为空!"); return false; } return true; } </script> <html> <body> <form id="formmain" name="formmain" method="post" action="" onsubmit="javascript:return check();"> <input type="text" name="searchkey" id="searchkey" /> <input type="submit" name="searchbutton" id="button" value="提交"/> </form> </body> </html> ----------- 略解： 1.button type为submit时，onsubmit方法要放在form中 2.校验方法需要写成函数
- 4楼网友：妄饮晩冬酒
- 2021-02-15 03:11
var username=document.getElementByI("username").value
var username=document.getElementById("username").value
这两句差一个字母'd'
- 5楼网友：慢性怪人
- 2021-02-15 01:33
在input 里面加上 onblur="return validate()"
是你鼠标事件加错了，你加的是onsubmit，但是没有submit按钮
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯