您的位置：首页 > Web前端 > JavaScript

JS 表单验证不使用alert框

2016-05-06 11:02 399 查看

JS 表单验证不使用alert框

我们验证表单数据是否合格时，经常用alert框来弹出提示信息，但很多人觉得很烦，觉得干扰了在线体验，这里介绍一种“被动式验证”。在结构上只加入一个span标签。一个简单的例子如下：

<html>
<head>
<title>不使用alert框</title>
</head>
<script>
function CheckInput(inputField ,helpText){
if(inputField.value.length==0){
if(helpText!=null)
helpText.innerHTML="please enter a value";
return false;
}
else{
if(helpText!=null)
helpText.innerHTML="";
return true;
}
}
</script>
<body>
用户名：<input type="text" name="txt_username" id="txt_username" onblur="CheckInput(this,document.getElementById('txt_username_msg'));"/><span id="txt_username_msg"></span>
<br/>
密码：<input type="text" name="txt_password" id="txt_password" onblur="CheckInput(this, document.getElementById('txt_password_msg'));"/><span id="txt_password_msg"></span>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： JS 表单验证不使用alert框

相关文章推荐

新的分享

章节导航