关于javascript中form的onsubmit和验证的疑问

WJL_MGQS 2012-08-17 10:44:08

情境：自己使用了个叫做easyValidate的校验框架，引入后通过在标签中添加tip属性和reg属性就能够正常检验，成功后就会把表单提交，但是发现对于动态增加的一些标签，这个校验就不起作用了，所以本人打算在button的onclick中校验自己需要的个别标签，如果这几个标签合格就调用 form.submit（)继续执行但是发现这个时候的框架已经不起作用了，而且点击也没有反应了。
问题：我怎么才能先调用自己的function验证，然后根据结果判断是否再执行框架代码验证并提交到服务端？
另外问下：这个框架是不是相当于重写了form的onsubmit属性？

...全文

52 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

hch126163 2012-08-18

打赏
举报

回复

先创建所有dom 元素。
再导入easyValidate

表单的客户端javascript验证有各种各样的写法，登录为form的onsubmit事件或submit按扭写一个函数。对于小表单（只有一两个表单域的表单）就不必再专门再用javascript写一个验证函数了，只需要在form的onsubmit事件里加上：代码如下:onsubmit=”return domainname.value==”?(alert(‘请输入搜索内容’),false):true;” 这样只有一句话，实现了验证成功时提交，失败时给出提示的功能。其中domainname是要被验证的表单域的名字。当然当表单域比较多、验证过程比较复杂时这样写就不适合了。

一：表单验证的实现思路 1. 获取表单元素的值，一般是string类型，包含数字，下划线。 2. 以业务规则，用js一些方法对数据进行判断， 3. 表单form有一个事件onsubmit，他是在提交之前调用的，因此可以在提交表单时触发，onsubmit事件，然后对获取的数据进行验证。

在前端使用JavaScript验证表单数据时，对验证不通过的form表单要阻止其提交到后台。这时，可以使用onSubmit事件来阻止其提交。 <form method="post" onsubmit="return checkBeforeSubmit()" action="registerSubmit"> <div> ...

form 表单提交前验证 onsubmit 使用form表单的onsubmit方法，在提交表单之前，对表单或者网页中的数据进行检验。 onsubmit指定的方法返回true，则提交数据；返回false不提交数据。在不使用JQuery的情况下（js原生），是提交表单前拦截的较好方法。 js验证form表单，示例代码： <!DOCTYPE html> <html> <...

网页表单的提交可以有多种方法实现。可以用javascript写个提交的方法，在button的onclick中触发。也可以将input的type设置成submit，并对form进行action 和method设置,直接进行提交。一般在提交表单之前都需要进行一些判断，如果使用第一种方法，那么这些判断就写到提交时触发的的Javasceipt的方法里就行。如

87,921

社区成员

224,619

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章