为了避免不友好的弹框提示,我们使用失焦事件,通过innerHTML给用户友好提示,在以后的项目用户注册板块都可以用得到,代码如下:
<script>
function validate()
{
document.getElementById("udiv").innerHTML="";
document.getElementById("pdiv").innerHTML="";
document.getElementById("adiv").innerHTML="";
var isok = true;
if(document.getElementById("userName").value=="")
{
document.getElementById("udiv").innerHTML="用户名不能为空";
isok = false;
}
if(document.getElementById("passWord").value=="")
{
document.getElementById("pdiv").innerHTML="密码不能为空";
isok = false;
}
if(document.getElementById("passWord").value.length<6)
{
document.getElementById("pdiv").innerHTML="密码长度不应小于6位";
isok = false;
}
if(document.getElementById("age").value=="")
{
document.getElementById("adiv").innerHTML="年龄不能为空";
isok = false;
}
if(isNaN(document.getElementById("age").value))
{
document.getElementById("adiv").innerHTML="年龄必须为数字";
isok = false;
}
return isok;
}
</script>
<form action="2.html" name="frm" onsubmit="return validate()">
用户名:<input type="text" name="userName"><span id="udiv"></span><br>
密码:<input type="password" name="passWord"><span id="pdiv"></span><br>
年龄:<input type="text" name="age"><span id="adiv"></span><br>
<input type="submit" value="提 交">
</form>
相关视频
相关阅读 jdk不是有效的win32程序怎么办 jdk不是有效的win32程序解决方法java设置cookie教程 java怎么设置cookiejava怎么设置随机数 java设置随机数详细教程java怎么设置光标位置 java设置光标位置教程如何在Mac上清除Java高速缓存?如何在Mac上卸载Java?Mac上怎么卸载Java?OSX 10.11 java 6不兼容问题解决办法如何为Mac更新Java?java mac版更新教程
热门文章 没有查询到任何记录。
最新文章
Java中Servlet获得异步
Java中Servlet获得异步支持java递归实现文件的删除和拷贝innerHTML怎样失焦判断FreeMarker和Jsp的应用范围
人气排行 java如何远程登录linux并执行其命令教你用jsp写反弹的shellFreeMarker和Jsp的应用范围Java 7关于#的用法jsp统计在线人数代码Java短信发送机的实现如何用java连接数据库方法Java中Servlet获得异步支持
查看所有0条评论>>