图片作为提交按钮调用JS验证表单
2011-03-24 20:53
603 查看
最近一直在捣鼓着怎样还用图片按钮进行登陆的验证，还好皇天不负有心人，终于有了结果。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="JavaScript">
function checkForm(){
var messageDiv = document.getElementById("msgDiv");
var userName = document.getElementById("username").value;
if (userName == ""){
messageDiv.innerHTML = "Error: username should be enter";
return false;
}
else{
var passWord = document.getElementById("password").value;
if (passWord == ""){
messageDiv.innerHTML = "Error: password should be enter";
return false;
}
else{
messageDiv.innerHTML = "";
return true;
}
}
}
</script>
</HEAD>
<BODY ><script language="JavaScript">messageDiv.innerHTML</script>
<form name="loginForm" action="login.html" method="post" onsubmit="return checkForm()">
username:<input type="txt" name="username" id="username" value=""><br>
password:<input type="password" name="password" id="password" value=""><br>
<input name="submit" type="image" src="某张图片">
</form>
<div id="msgDiv" style="color:red"></div>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="JavaScript">
function checkForm(){
var messageDiv = document.getElementById("msgDiv");
var userName = document.getElementById("username").value;
if (userName == ""){
messageDiv.innerHTML = "Error: username should be enter";
return false;
}
else{
var passWord = document.getElementById("password").value;
if (passWord == ""){
messageDiv.innerHTML = "Error: password should be enter";
return false;
}
else{
messageDiv.innerHTML = "";
return true;
}
}
}
</script>
</HEAD>
<BODY ><script language="JavaScript">messageDiv.innerHTML</script>
<form name="loginForm" action="login.html" method="post" onsubmit="return checkForm()">
username:<input type="txt" name="username" id="username" value=""><br>
password:<input type="password" name="password" id="password" value=""><br>
<input name="submit" type="image" src="某张图片">
</form>
<div id="msgDiv" style="color:red"></div>
</BODY>
</HTML>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 使用图片作为提交按钮调用Javascript验证表单
- JS中对于form表单提交时验证form的onsubmit函数与submit类型按钮的onclick函数
- html中的button按钮调用js函数和提交表单传递参数
- 使用图片按钮调用Javascript验证表单
- yii form 表单提交之前JS在提交按钮的验证
- js表单验证,如果不为空时自动改变提交按钮的背景色
- Form表单提交按钮图片IE6下背景透明（js提交）
- yii form 表单提交之前JS在提交按钮的验证方法
- 原生js实现表单的正则验证，所有验证都通过后提交按钮才可用
- 关于js中按钮类型是image时表单验证问题---点击一次可以验证再次点击直接提交--的问题
- PHP处理Form表单提交的裁剪后的base64的图片并保存 以cropbox.js控件为例
- asp.net表单提交，防重复提交，并执行前台的JS验证
- javascript提交表单（JS验证）
- 利用JS提交表单的几种方法和验证
- js提交表单及js表单验证
- 图片提交按钮和重复提交表单
- 原生JS 表单提交验证器
- 巧用js提交表单轻松解决一个页面有多个提交按钮
- ASP图片按钮提交表单数据问题？
- js 验证表单 js提交验证类