`

表单提交前验证

 
阅读更多
function checkForm(frm){ 
var flag = true; 
var exp1 = document.getElementById(frm).getElementsByTagName("input")[0].value.replace(/(^\s*)|(\s*$)/g,""); 
var exp2 = document.getElementById(frm).getElementsByTagName("input")[1].value.replace(/(^\s*)|(\s*$)/g,""); 
if(exp1==""||exp1.length==0){ 
alert("第一项不能为空!"); 
document.getElementById(frm).getElementsByTagName("input")[0].focus(); 
flag = false; 
}else if(exp1.length>10){ 
alert("超出长度!"); 
document.getElementById(frm).getElementsByTagName("input")[0].focus(); 
flag = false; 
}else if(exp2==""||exp2.length==0){ 
alert("第二项不能为空!"); 
document.getElementById(frm).getElementsByTagName("input")[1].focus(); 
flag = false; 
}else if(exp2.length>10){ 
alert("超出长度!"); 
document.getElementById(frm).getElementsByTagName("input")[1].focus(); 
flag = false; 
}else{ 
flag = true; 
} 
return flag; 
} 
function subForm(){ 
if(checkForm(frm)){ 
document.getElementById(frm).submit(); 
} 
return false; 
}
分享到:
评论

相关推荐

    JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)

    1. 先说表单提交前验证:后台经常用到(这里是提交后统一验证,及时验证请参考我另一篇文章 http://blog.csdn.net/jianzhonghao/article/details/52503431) 1.1 通过submit 按钮提交后 会根据form的属性action=...

    表单验证js 提交前验证

    返回值为`false`会阻止表单提交。 3. **配置验证规则**:每个表单字段可能需要设置不同的验证规则,可以通过类名或数据属性来指定。 4. **错误提示**:当验证失败时,如何显示错误信息,可能是通过改变元素样式或...

    表单提交验证类表单提交验证类

    在网页开发中,表单提交验证是至关重要的一个环节,它确保了用户输入的数据符合预设的规则,从而避免无效数据的提交,提高系统的稳定性和安全性。以下将详细阐述几个常见的表单验证方法: 1. **不能为空验证**: ...

    基于PHP5的AJAX验证表单

    本示例提供了一个基于PHP5和AJAX的表单验证解决方案,这使得用户在提交表单时无需刷新页面即可得到即时反馈,提高了用户体验。 首先,我们要理解AJAX(Asynchronous JavaScript and XML)的核心在于异步通信。通过...

    Js 表单提交验证函数(很全了)

    在JavaScript中,表单提交验证是确保用户输入的数据符合预设规则的重要环节,这有助于防止无效数据的提交,提升用户体验,以及保护服务器免受恶意数据的冲击。本篇将详细介绍JavaScript表单验证函数的一些关键知识点...

    jQuery完整注册表单提交验证

    在本文中,我们将深入探讨如何使用jQuery实现一个完整的用户注册表单提交验证。这个验证系统包括了多个关键的验证环节,如用户名、密码强度、显示/隐藏密码、手机号码输入控制以及手机验证码、真实姓名和身份证号的...

    submit表单提交,onsubmit验证拦截

    submit表单提交,onsubmit验证拦截 免去了用button按钮click点击事件ajax请求

    Dreamweaver表单提交验证插件

    Dreamweaver表单提交验证插件是一款专为Adobe Dreamweaver设计的强大工具,它极大地提升了网页开发者在创建交互式表单时的效率和用户体验。在Web开发中,表单是收集用户信息、实现用户与服务器间数据交互的重要手段...

    用户注册表单提交验证

    在IT行业中,用户注册表单提交验证是网页开发中至关重要的一环,确保用户输入的数据有效、安全,防止恶意攻击和无效数据的提交。JavaScript作为客户端脚本语言,常常被用来实现这种验证,以提高用户体验,减少服务器...

    表单提交验证

    在网页开发中,表单提交验证是至关重要的一个环节,它确保了用户输入的数据符合预设的规则,防止无效或恶意的数据进入系统。本项目主要针对前端开发者,特别是初学者,旨在通过实践来理解如何使用JavaScript进行表单...

    JQuery实现表单完全验证通过后提交表单(包括手机验证,邮编验证)

    很多时候我们在提交表单时都需要对提交的数据进行校验,例如:用户名是否为空,手机格式是否正确...,如果有一项或多项验证不通过,就会给出提示,并不允许表单提交。本人还是初级王,代码写的水平不高,但是还是能...

    jquery validate表单验证插件制作注册表单提交验证

    `submitHandler`函数会在所有验证通过后被调用,你可以在这里放置处理表单提交的逻辑,例如使用AJAX向服务器发送数据。如果验证失败,`submitHandler`不会执行,表单不会被提交,从而防止无效数据的提交。 为了增强...

    表单提交验证特效

    表单提交验证特效则是确保用户输入有效、符合预期的关键步骤。这一技术涵盖了多种验证方法和用户体验设计,旨在提供一个友好且安全的用户界面。下面将详细讨论表单验证的重要性和实现方法。 1. **表单验证的重要性*...

    php+ajax表单无刷新验证

    PHP与AJAX(Asynchronous JavaScript and XML)结合的表单验证技术可以实现无刷新验证,即在用户输入时即时检查数据有效性,无需等待完整的表单提交,从而显著提升交互体验。 **一、AJAX基础** AJAX 是一种创建...

    js提交表单及js表单验证

    本文将详细解释如何使用JavaScript进行表单提交以及表单验证,并通过具体的示例代码来展示各种常见验证方法。 #### 一、基本概念 表单验证是指在用户提交表单前对用户输入的数据进行检查的过程,以确保数据的有效...

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    Java后台开发之表单提交之前验证

    这篇文章将探讨如何在Java Web应用中实现在表单提交前进行验证。 首先,表单验证可以分为前端验证和后端验证两部分。前端验证通常使用JavaScript或jQuery等客户端技术,它能在用户提交数据前即时反馈错误,提供快速...

    jQuery完整注册表单提交验证.zip

    "jQuery完整注册表单提交验证"是一个针对此需求的解决方案,它提供了全面的验证功能,确保用户输入的数据符合预期,同时减少了服务器端的压力。本文将深入探讨jQuery如何实现这一功能,以及如何将其应用于实际项目中...

    from表单提交验证框架

    总结来说,"from表单提交验证框架"是基于jQuery和正则表达式的轻量级解决方案,它简化了Web表单验证的过程,让开发者能更专注于业务逻辑,而不是基础的验证逻辑。通过合理的配置和使用,可以大大提高开发效率和用户...

Global site tag (gtag.js) - Google Analytics