ajax提交前先验证,jQuery验证AJAX之前提交(jQuery validation before AJAX sub
我有以下的jQuery验证代码的简单注册表格:
$(document).ready(function(){
$("#registerForm").validate({
rules: {
Username: {required: true, minlength: 6},
Password: {required: true, minlength: 6},
re_Password: {required: true, equalTo: "#Password"}
},
});
});
之前,我提交表单它正确验证。
问题是当我想也做一个AJAX提交表单的,因为形式将不再验证和未经验证提交:
该工程默认为:
请,如果任何人都可以点我在正确的方向,或给我一些出发点,以解决这一点,我将不胜感激。
谢谢。
由于Kundan辛格Chouhan我已经找到了解决方案添加以下代码到的document.ready块:
$("#registerForm").submit(function(){
if($("#registerForm").valid()){
xmlhttpPost('register.php', 'registerForm', 'signup-box');
}
return false;
});
Answer 1:
我想你应该有从您的表单标签移除onsubmit事件谱写的document.ready下面的脚本()
$("form").submit(function(){
if($("form").validate()){
xmlhttpPost('register.php', 'registerForm', 'signup-box');
}
return false;
});
希望这将解决您的问题。
Answer 2:
我认为你应该使用提交处理程序JQuery的验证,就像这样:
$('#id_of_form').validate(){
// rules and messages
submitHandler: function(form) {
// place your code for Ajax Request here...
}
}
Answer 3:
你可以使用jQuery.Validation这里是一些示例代码:
var $form = $("form");
$form.validate({
rules: {
Username: {required: true, minlength: 6},
Password: {required: true, minlength: 6},
re_Password: {required: true, equalTo: "#Password"}
},
invalidHandler: function(event, validator) {
// 'this' refers to the form
var errors = validator.numberOfInvalids();
if (errors) {
var message = errors === 1
? 'You missed 1 field. It has been highlighted'
: 'You missed ' + errors + ' fields. They have been highlighted';
}
},
submitHandler: function (form) {
var $form = $(form);
$.ajax({
url: destinationUrl,
method: "POST",
data: $form.serialize()
})
.done(function (result) {
// show some message, etc...
return false; // blocks redirect after submission via ajax
})
.fail(function (response, error) {
// failed
})
.always(function() {
});
}
});
问候。
文章来源: jQuery validation before AJAX submit
ajax提交前先验证,jQuery验证AJAX之前提交(jQuery validation before AJAX sub相关推荐
- 前端:简述表单提交前如何进行数据验证
前端:简述表单提交前如何进行数据验证 通常在提交表单数据时,我们会对数据进行验证,例如某些字段是必填字段,不能为空,这时应该如何做呢?有如下三种方法: 一.在button的submit事件进行判断 & ...
- JS控制submit表单提交前进行预览和confirm确认提交
JS控制submit表单提交前进行预览和confirm确认提交. 我们经常会遇到这样的场景,某一个form表单提交前,想知道那些checkbox的内容被选中了,如果符合则提交,如果不符合,则取消提交, ...
- jQuery.Form.js 异步提交表单使用总结
jQuery.Form.js 是一个用于使用jQuery异步提交表单的插件,它使用方法简单,支持同步和异步两种方式提交. 第一步:引入jQuery与jQuery.Form.js 1 <scrip ...
- 表单提交前ajax验证,在Ajax提交之前进行jQuery表单验证
9 个答案: 答案 0 :(得分:85) 您可以使用submitHandler选项.基本上将$.ajax调用放在此处理程序中,即使用验证设置逻辑将其反转. $('#form').validate({ ...
- ajax 阻止默认提交,jQuery验证插件:在对ajax调用servlet时,submitHandler不会阻止默认提交-返回false无效...
我有一个使用jquery和servlet的简单表单.jQuery对Servlet进行Ajax调用,然后Servlet进行一些服务器端计算,然后通过jQuery在同一页面上显示结果.我不希望表单进行默认 ...
- ajax必填项验证,jQuery验证 - 通过MVC2中的ajax动态添加必填字段
我正在尝试在MVC2中的表单上使用jQuery验证.我正在使用期货项目中的MicrosoftMvcJQueryValidation.js. 首次加载表单时,它是代表ViewViewModel,并且有三 ...
- ajax post 不起作用,jQuery验证submitHandler在$ .ajax post表单数据中不起作用
我使用$.ajax发送数据并使用jQuery验证插件进行验证,如下所示: Send JS: jQuery(document).ready(function ($) { $('#myform').val ...
- html表单提交前验证,jquery表单提交前实现同步验证(附代码)
jquery表单提交前实现同步验证 .int{ height: 30px; text-align: left; width: 600px; } label{ width: 200px; margin- ...
- ajax提交手机号到php,ajax怎样申请手机号到数据库验证并且返回数据的状态值
这次给大家带来ajax怎样申请手机号到数据库验证并且返回数据的状态值,ajax申请手机号到数据库验证并且返回数据状态值的注意事项有哪些,下面就是实战案例,一起来看一下. 本文实例为大家分享了ajax提 ...
最新文章
- 关于 iOS 10 中 ATS 的问题
- 都在建议你不要直接使用 @Async 注解,为什么?
- python读取txt文件并批量写入不同的excel
- 16张扎心漫画,戳中女生私密日常,每一幕都很真实
- 终于,把十大经典排序算法汇总了!(Java实现版)
- 用 Python 编写一个天气查询应用 pyqt5
- java 递归_两篇文章带你了解java基础算法之递归和折半查找
- phantomjs php 登录,PHANTOMJS PHP:空响应对象
- .net winform panel 不刷新_winform项目——仿QQ即时通讯程序04:登录界面补充
- Android OpenGL ES 开发教程(16):Viewing和Modeling(MODELVIEW) 变换
- 解决Maven下载慢的问题
- Flutter实战】文本组件及五大案例
- SQLite数据库读取
- PowerBI数据分析之Power BI Desktop数据整理
- 数据库系统原理与应用教程(039)—— MySQL 查询(一):SELECT 命令的语法分析
- 小论文之旅(2)——introduction与related work
- 宫崎骏电影-Music
- mac备忘录 英文引号自动转中文引号
- win怎么在计算机里按日期搜索文件,Windows下怎么按时间查找文件
- 如何在JS中计算扑克牌中的顺子、对子、半顺、豹子、杂六