Jquery validator 处理ajax表单提交的验证

最新推荐文章于 2025-09-07 20:29:08 发布
最新推荐文章于 2025-09-07 20:29:08 发布
阅读量880 收藏
点赞数
分类专栏： javaEE相关 文章标签： jquery ajax email function null
本文介绍了一个使用jQuery Validate插件进行表单验证的例子。该示例演示了如何设置电子邮件和必填字段的验证规则。当点击提交按钮时，会触发验证函数检查表单输入的有效性。

var validator = null;

$(function(){

 

    validator = $("#***").validate({

            rules:{

                toEmail:{

                    required: true,

                    email: true

                },

                yourEmail:{

                    required: true,

                    email: true

                },

                yourName:"required",

                subject:"required",

                message:"required"

            }

                

        });

 

        $("#***").click(function(){

         submit_refer_by_email();

    })

}

 

function submit_refer_by_email(){

    if(validator.form()){

        alert("submited");

    }

}

转自：http://blog.youkuaiyun.com/smallopenstrong/article/details/6298646

Validator验证Ajax提交表单的方法
weixin_34132768的博客
09-19 102
当我们在一些稍微复杂的业务时，可能会遇到需要多个表单form在同一个页面的情况，但是提交一个表单以后不想页面刷新或者跳转，那么我们考虑到的就是Ajax提交表单，那么如何让Jquery的validator插件也可以对异步提交的表单进行验证呢？我们继续往下看。 在这里，我就用网络上的一个例子来说明好了。 下面是一个比较常见的jquery .ajax提交表单的写法 Js代码   ...
jquery validation engine ajax验证,jquery.validationEngine 验证 AJAX 不起作用解决方法
weixin_33037313的博客
08-06 360
当前位置:我的异常网» Ajax»jquery.validationEngine 验证 AJAX 不起作用解决方jquery.validationEngine 验证 AJAX 不起作用解决方法www.myexceptions.net网友分享于：2013-03-26浏览：232次jquery.validationEngine 验证 AJAX 不起作用解决办法使用ajax时 返回必须是js...
php this validate,在线等，急。。laravel $this->validate报错说不存在
weixin_30595763的博客
03-19 271
控制器验证换种方式写$rules=['Student.name'=>'required|min:2|max:20','Student.age'=>'required','Student.sex'=>'required|integer'];$message = ['Student.name.required'=>'学生名字不能为空','Student.name.min'=&g...
validate使用ajax提交,jquery validate有时候无法ajax提交的问题
weixin_26849971的博客
08-05 251
程序这用，事少来最差端在事路原们这制码效移，动么写的,有时候可以走ajax提交有时候不行?这是什么原朋支不器几事为的时后级功发发来久都这样含制层是请些间例业多在上屏屏因呢?$("#loginform").validate({rules: {loginId: {required: true,maxlength: 16},password: {required: true,maxlength: 16}...
jQuery validator addMethod以及ajax动态提示信息
semial的专栏
05-17 2501
表单验证需要引入的jQuery和jQuery验证器验证js <script type="text/javascript" src="${ctxPath}/static/js/jquery-1.8.3.js"></script> <script type="text/javascript" src="${ctxPath}/static/js/plugins/jque.
jQuery Validator验证Ajax提交表单的方法和Ajax传参的方法
10-19
总结来说，jQuery Validator 和 Ajax 的结合使用能够提供一种高效且用户体验良好的表单处理方式。通过合理的配置和事件监听，我们可以在确保数据质量的同时，实现无刷新的动态交互，提高网页应用的响应性和用户满意...
jQuery无刷新Ajax表单验证，Validator v1.0.rar
07-10
Validator jQuery版本的Ajax表单验证框架，适时判断是否输入正确的一个表单验证插件。包括常用的数字判断、是否允许字符串的判断、Email判断、字符字数限制等，包括大家常用的一些表单项目的判断，它是适时判断，即...
jQuery Validator Engine：简化Ajax表单验证的插件
4. Ajax表单验证：插件可以与Ajax交互技术结合使用，允许开发者在不需要重新加载整个页面的情况下对用户输入的数据进行异步验证，这提高了表单处理的效率。 5. 示例与学习资源：由于提供了多种不同的示例，这为初学...
jquery插件bootstrapValidator数据验证详解
10-21
最后，使用BootstrapValidator进行表单验证时，还可以集成Ajax提交功能，允许用户在表单验证通过后发送Ajax请求。这样可以实现在不离开当前页面的情况下，将表单数据异步提交到服务器。这对于提升用户体验和保持页面...
ajaxValidator 常见问题解决(传参，中文乱码)
weixin_30822451的博客
09-29 196
以下是作者对ajaxValidator的声明: ajaxvalidator是大家问的最多的问题，修正一个bug（感谢网友“じ??w√”），并把大家最关心的问题，再做一次阐述。 bug现象：无论校验有没有校验通过，当控件再次得到焦点而再次失去焦点的时候tip里的提示就会停滞在得到焦点的提示 历次升级的相关记录： a、为AjaxValidator添加一个addidvalue属性(是否自动添...
jquery.validator验证后ajax提交出现错误解决
l_degege的专栏
10-29 982
今天使用jquery.validator验证后作ajax提交，总是不能成功；之后发现原来是页面中有报错没有解决。当把页面中的报错解决掉时，可以ajax提交了 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title&amp
unobtrusive验证,ajax局部加载后验证失效解决方法
weixin_30586085的博客
04-22 351
页面加载后运行此代码 $(function() {$.validator.unobtrusive.parse($("form")); }); 原因： 页面加载后unobtrusive已对各标签的验证状态进行保存，页面局部加载后并不会导致unobtrusive重新对页面的控件进行验证并保存前状态，导致新页面无法进行验证。 原理： 注意看jquery.validate.unobtrus...
解决ElementUI 自定义验证 validate 函数不执行的问题
cai_niao5623的博客
06-30 6123
如图，调试的时候，我在validate内部打印了一句话，打开调试工具，发现怎么也不执行。调试了半天，终于发现了问题，同事在进行手机号自定义校验的时候没有进行callback回调。callback函数没有执行，validate函数就不会执行，之后我加了callback代码逻辑后，validate函数就正常执行了。...
validate和ajax连用--检测用户是否存在
weixin_44061648的博客
09-20 230
代码如下： jQuery.validator.addMethod("isEx", //value代表的是表单传入的值 //element代表的是标签类型 ////////params代表的不明白 function(value, element, params) { var flag=false; $.ajax({ //这一块必须打开同步，不然ajax还没有运行完毕，ret...
使用validate.js验证并用ajax提交表单的实例
weixin_33725239的博客
05-04 322
使用时需要依赖jQuery库 验证规则： var validator = $("#form").validate({ 　　rules:{ 　　　　name: {　　　　　　 required: true 　　　　}, 　　　　email: { 　　　　　　 required: true,　　　　　　 email:true 　　　　}, 　　　　message: { 　　　　　　requir...
AmazeUi异步表单验证实例
guanbao2015的博客
04-12 1848
分享自己做的一个注册页面，用的是AmazeUi前端框架，官方例子比较简单，真实做起来很吃力。 <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServer
amazeui页面校验
Ideality_hunter的专栏
02-22 3854
如下图所示： 邮政“邮政编码”字段，数据库中是varchar2（10）。 但是amazeui的页面校验中，关于字符长度的校验方式如下： JS 表单验证 JS 表单验证基于 HTML5 的各项验证属性进行： required: 必填；pattern: 验证正则表达式，插件内置了 email、url、number 三种类型的正则表达式；minl
AmazeUI 表单验证
一直专注于互联网
02-24 1723
  &lt;!doctype html&gt; &lt;html class="no-js"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt; &lt;meta na
简述ajax、node.js、webpack、git
最新发布
HRDMN的博客
09-07 1002
本文介绍了现代前端开发的核心技术组合：Git、Node.js、Webpack和Ajax。Git负责版本控制与团队协作；Node.js提供运行环境和后端支持；Webpack处理资源打包和优化；Ajax实现前后端数据交互。文章详细分析了它们在开发流程中的协同工作方式：开发者使用Node.js环境运行Webpack打包前端资源，浏览器通过Ajax与Node.js后端交互，整个过程通过Git进行版本管理。这四者构成了现代Web开发的标准工作流，支持构建高效、可维护的Web应用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值