2 xiaokang989 xiaokang989 于 2013.07.25 22:27 提问

新手求教 表单如何提交?

正在开发一个web项目,但是对表单提交很纠结,情况是这样的:我的表单有很多元素,而且每个都需要一一验证,这些验证我都是单写的js函数,当元素失去焦点时进行验证。但到最后不知道如何提交表单?我是想做成:当点击button按钮时,验证表单的
如果有输入错误,表单不提交,并在相应的后面给予错误提示,输入完全正确后,再提交表单,跳转页面。我是不是再提交表单的时候还要把验证函数再写一遍呢?如果有错误的就返回false,表单不提交。求教高手解答,给点思路。。。

4个回答

lori_xj
lori_xj   2013.07.25 22:34

可以直接利用jquery做表单数据的验证,这是最简单的办法。还有一种就是当编辑框失去焦点的时候就去做验证。点击Button的时候,直接做验证,验证通过,提交表单。

yjtgod
yjtgod 求发。谢谢啊。343993135@qq.com学习下。
接近 5 年之前 回复
lori_xj
lori_xj 发你邮箱了,可以看看!大家共同学习了
接近 5 年之前 回复
xiaokang989
xiaokang989 demo在哪? 我邮箱930253908@qq.com 帮忙我发一份吧
接近 5 年之前 回复
lori_xj
lori_xj 我这边有demo,可以发你了,大家共同学习了
接近 5 年之前 回复
Marchal_G
Marchal_G   2013.07.29 18:37

用一个变量表示最终结果finalResult,默认为false.当所有验证结果都为true时则finalResult为true,可以提交,调用form.submit().否则,有误,则禁止提交。

ren154763003
ren154763003   2013.07.30 09:13

验证不通过肯定就是不能提交表单,等验证全部都通过后 利用js 获取到from,在使用submit()方法实现表单提交,也可以直接window.location.href='地址'

u011522104
u011522104   2013.07.30 23:23

可以用jquery的validate校验,当表单提交时会自动校验的,前提是submit提交

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
表单提交验证
提交验证表单的简单制作。没有后台。适合前端新手
C#写COM组件
求教求教求教求教求教求教求教
新手求教
像那些新闻网站  除了新闻主体部分 其他导航栏 侧边栏都是统一的  那要更新的时候是怎么更新的 还有最新新闻的列表  今日推荐是怎么实现的
表单的提交和获取
表单的提交和获取
同时提交多个表单
最近在处理一个项目问题的时候,一个审批同意的按钮,本来只能提交当前审批的表单但客户要求同意的时候先要把下面的凭证表单也一并提交了,不然他们使用的时候先保存信息再同意太复杂,但现在的要求是能两时提交两个表单。在网上查了好多方法,都说尽量用ajax.但我们这边用的是tapestry5框架(一坨屎框架),太难搞了。最后只能用如下办法去处理<<!DOCTYPE html> <ht...
Python 提交表单源码
python 实现表单自动提交.python 实现表单自动提交.
form表单自动与手动提交
web form两种提交方式
网页表单自动提交
易语言用网页表单自动提交 易语言用网页表单自动提交易语言用网页表单自动提交
防止表单的多次提交情况处理
在说明处理方案前,我们先来列举一下有哪些情况会出现表单重复提交的情况,接着我们从客户端到服务端的顺序逐一说明处理方案。 多次点击提交按钮提交表单后,点击浏览器的后退按钮使用浏览器的历史记录重复提交表单点击浏览器的刷新按钮 若有读者发现仍有其它重复提交表单的情况,欢迎留言提出,谢谢。 客户端角度 在提交表单后,使用JS将提交按钮disable。这种方法可以防止用户多次点击提交
表单整体提交
前端:   提交 JS: var form = $(id); form.submit(function ()//提交表单 { var options = { beforeSubmit: function () {