javascript 本帖最后由 guguodong25 于 2011-05-14 19:07:08 编辑 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 var primeInPassWord=strPassword.indexOf("'");该写作strPassWord。w是大写的。 给你个通用的验证,只验证了是必填项否为空,其他的你可以拓展,但原理是一样的!<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <style type="text/css"> .error{color:Red;font-size:12px;} </style> <title></title> <script language="javascript" type="text/javascript"> //验证必填项 function ValidationRequiredField(id,error) { var ele = document.getElementById(id); if (ele.value == "") { ShowMessage(ele,error); return false; } else { HideMessage(ele); return true; } } //如果必填项没填,显示提示信息 function ShowMessage(sender, message) { var spans = sender.parentNode.getElementsByTagName("span"); if (spans.length == 0) { var span = document.createElement("span"); span.className = "error"; sender.parentNode.appendChild(span); } else { span = sender.parentNode.getElementsByTagName("span")[0]; } span.innerHTML = message; } //如果填了,删除提示信息 function HideMessage(sender) { var spans = sender.parentNode.getElementsByTagName("span"); if (spans.length == 0) { } else { span = sender.parentNode.getElementsByTagName("span")[0]; span.parentNode.removeChild(span); } } function ValidationForm() { return ValidationRequiredField("userName", "必填") && ValidationRequiredField("pwd", "必填"); } function IsSuccess() { //判断必填项验证是否为真 if (ValidationForm()) { alert("提交成功"); document.forms[0].reset(); } } </script></head><body> <form action=""> <table> <tr> <td><label for="userName">姓名</label></td> <td><input type="text" name="userName" id="userName" /></td> <td><label for="pwd">密码</label></td> <td><input type="text" name="pwd" id="pwd" /></td> </tr> </table> <input type="button" value="确定" id="btnSubmit" onclick="IsSuccess()" /> </form></body></html> 1、页面存在的问题 将form与table标签位置呼唤 且onsumbit拼写错误--->onsubmit <form action="check.jsp" method="post" name="frmSignUp" onsubmit="check();"> <table width="492" height="341" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="47" colspan="4" align="center" background="../images/images/usereg_1.gif"> </td> </tr>【接后】 2、 1)大小写错误 var primeInPassWord = strPassword.indexOf("'"); //要改为strPassWord 2)写法不规范frmSignUp.username.focus();----->document.frmSignUp.username.focus();//都要改 3)函数ValidTel(strPhoto)中代码大写小错误Char = strPhoto.CharAt(i);---->Char = strPhoto.charAt(i); 怎样用jquery的ajax方法一次提交表格中的多行数据? 一个 extjs和C#的问题 变于js变量范围 下面的代码能不能改成闭包,目前命名干扰太大了,很容易冲突 用JS来遍历驱动器 javascript自定义类中事件的问题 初学者提问 javascript高手请进!!! 如何确定一个窗口有没有打开? 如何将HTML片断在网页上显示出来. google map v3 图标堆叠顺序问题 把“电脑” 这个词,编码成下面形式, 用的是啥方法?如何在JS中实现? 大家试试
该写作strPassWord。w是大写的。
<head>
<style type="text/css">
.error{color:Red;font-size:12px;}
</style>
<title></title>
<script language="javascript" type="text/javascript">
//验证必填项
function ValidationRequiredField(id,error) {
var ele = document.getElementById(id);
if (ele.value == "") {
ShowMessage(ele,error);
return false;
}
else {
HideMessage(ele);
return true;
}
}
//如果必填项没填,显示提示信息
function ShowMessage(sender, message) {
var spans = sender.parentNode.getElementsByTagName("span");
if (spans.length == 0) {
var span = document.createElement("span");
span.className = "error";
sender.parentNode.appendChild(span);
}
else {
span = sender.parentNode.getElementsByTagName("span")[0];
}
span.innerHTML = message;
}
//如果填了,删除提示信息
function HideMessage(sender) {
var spans = sender.parentNode.getElementsByTagName("span");
if (spans.length == 0) { }
else {
span = sender.parentNode.getElementsByTagName("span")[0];
span.parentNode.removeChild(span);
}
}
function ValidationForm() {
return ValidationRequiredField("userName", "必填") &&
ValidationRequiredField("pwd", "必填");
}
function IsSuccess() {
//判断必填项验证是否为真
if (ValidationForm()) {
alert("提交成功");
document.forms[0].reset();
}
}
</script>
</head>
<body>
<form action="">
<table>
<tr>
<td><label for="userName">姓名</label></td>
<td><input type="text" name="userName" id="userName" /></td>
<td><label for="pwd">密码</label></td>
<td><input type="text" name="pwd" id="pwd" /></td>
</tr>
</table>
<input type="button" value="确定" id="btnSubmit" onclick="IsSuccess()" />
</form>
</body>
</html>
将form与table标签位置呼唤 且onsumbit拼写错误--->onsubmit
<form action="check.jsp" method="post" name="frmSignUp" onsubmit="check();">
<table width="492" height="341" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td height="47" colspan="4" align="center"
background="../images/images/usereg_1.gif">
</td>
</tr>
【接后】
1)大小写错误 var primeInPassWord = strPassword.indexOf("'"); //要改为strPassWord 2)写法不规范frmSignUp.username.focus();----->
document.frmSignUp.username.focus();//都要改 3)函数ValidTel(strPhoto)中代码大写小错误Char = strPhoto.CharAt(i);---->Char = strPhoto.charAt(i);