巧用jQuery来对表单进行基本验证
来源:互联网 发布:手机淘宝我是商家在哪 编辑:程序博客网 时间:2024/05/18 20:31
function nextsubmit(){
if(document.forms[0].userName.value ==""){
alert("用户姓名不能为空,请输入!");
document.forms[0].userName.focus();
return false;
}
if(document.forms[0].userPassword.value ==""){
alert("用户密码不能为空,请输入!");
document.forms[0].userPassword.focus();
return false;
}
if(document.forms[0].newPassword.value ==""){
alert("新用户密码不能为空,请输入!");
document.forms[0].newPassword.focus();
return false;
}
if(document.forms[0].newPassword.value != document.forms[0].checkPassword.value){
alert("密码重输入确认不符,请检查!");
document.forms[0].newPassword.focus();
return false;
}
return true;
}
if(document.forms[0].userName.value ==""){
alert("用户姓名不能为空,请输入!");
document.forms[0].userName.focus();
return false;
}
if(document.forms[0].userPassword.value ==""){
alert("用户密码不能为空,请输入!");
document.forms[0].userPassword.focus();
return false;
}
if(document.forms[0].newPassword.value ==""){
alert("新用户密码不能为空,请输入!");
document.forms[0].newPassword.focus();
return false;
}
if(document.forms[0].newPassword.value != document.forms[0].checkPassword.value){
alert("密码重输入确认不符,请检查!");
document.forms[0].newPassword.focus();
return false;
}
return true;
}
今天项目送到了测试部门,测试下来问题多多,其中一块就是表单基本验证。由于项目开始,一个老javascript老手已经做出了上诉模板,大家也为了图个项目进度,大都拷贝了上面的代码,几个礼拜下来,上面这些代码便扩散开了,好煞风景,这不刚学了jQuery嘛,干脆大家把上诉代码全部删了,写了个通用的模块。
function nextsubmit(){
var count;
$('.validate').each(function(i){
if($(this).val()==""||$(this).val()==0){
count = i;
alert("请输入" + $(this).parent().prev().text()); //注意这里,我们从前面的td直接取值
$(this).focus();
return false;
}
return true;
})
if(count!=null)
return false;
return true;
}
var count;
$('.validate').each(function(i){
if($(this).val()==""||$(this).val()==0){
count = i;
alert("请输入" + $(this).parent().prev().text()); //注意这里,我们从前面的td直接取值
$(this).focus();
return false;
}
return true;
})
if(count!=null)
return false;
return true;
}
下面是页面的代码片段
<td width="20%" class="heder">
所属公司 : <!--我们让jQuery从这里取值,显示在alert里
</td>
<td width="30%" align="left" bgcolor="#FFFFFF" class="main2">
<s:select list="enterprises" cssClass="validate"
id="kentId"
name="knowledge.entId"
value="%{vknowledge.entId}"
listKey="id" listValue="name" emptyOption="false"
headerKey="0" headerValue="选择公司"
onchange="this.form.action='viewKnowledge.action?result=edit';this.form.submit();" cssStyle="width:160"/>
<font size="1" color="red">*</font>
</td>
所属公司 : <!--我们让jQuery从这里取值,显示在alert里
</td>
<td width="30%" align="left" bgcolor="#FFFFFF" class="main2">
<s:select list="enterprises" cssClass="validate"
id="kentId"
name="knowledge.entId"
value="%{vknowledge.entId}"
listKey="id" listValue="name" emptyOption="false"
headerKey="0" headerValue="选择公司"
onchange="this.form.action='viewKnowledge.action?result=edit';this.form.submit();" cssStyle="width:160"/>
<font size="1" color="red">*</font>
</td>
jQuery的拿手好戏就是选择器+循环,这不等于遍历了吗?便利了~
- 巧用jQuery来对表单进行基本验证
- jQuery对表单验证
- JQuery的学习:对表单进行验证(较原始)
- jQuery中使用ajax对表单数据进行异步验证
- 用jquery进行表单验证
- 使用jQuery进行表单验证
- @Valid 对表单进行验证
- 使用jquery的验证框架,对表单进行验证(简单、基础)
- jQuery关于对表单进行验证和验证码的实现
- 使用jQuery Validation插件来验证表单
- 怎么用jQuery进行表单验证
- 使用 纯JQuery 进行 表单 验证
- 使用jquery-validate进行表单验证
- jQuery 进行一些简单的表单验证
- struts对提交的表单进行验证
- 对表单进行验证获取值
- 对复杂表单进行客户端服务端验证
- jQuery 对表单的简单验证
- Test
- 简单网络管理协议(SNMP)
- 子页面调用父页面的函数(javascript)
- 站在哲学角度去思考:自组织
- VclSkin使用教程
- 巧用jQuery来对表单进行基本验证
- 延迟选项卡
- 发现一个很不错的linux/unix工具screen: 管理远程会话
- C#破解access数据库密码方法
- bbs.it168.com 的网页中多余字符去除方法
- date 设置系统时间
- .net中二进制大对象的操作(这里以clob为例)
- 《Squid 中文权威指南》第7章 译者:彭勇华
- 创建DBlink 详解