php提交之前验证数据ajax提示,在通过Ajax请求提交之前使用jQuery进行表单验证

在尝试使用Ajax请求将表单提交到我的php脚本之前,我试图让我的表单进行验证.我查看了stackoverflow并没有找到有用的东西.

我有3个输入和一个提交按钮：

$(document).ready(function() {

function validator(){

return $('form').validate();

}

$('form').on('submit', function(e) {

e.preventDefault();

$.ajax({

dataType: 'html',

type: 'post',

url: 'mail.php',

data: $('#contact-form').serialize(),

beforeSubmit: validator,

success: function(responseData) {

$('#contact-submit').remove();

$('#messageResponse').fadeIn(1000);

$('#messageResponse').html(responseData);

error: function(responseData){

console.log('Ajax request not recieved!');

}

});

// resets fields

$('input#full-name').val("");

$('input#email').val("");

$('textarea#message').val("");

})

});

我应该使用插件吗？我想要的只是用红色边框颜色验证的名称,电子邮件和消息.这给了我一个很头疼的问题,明天我将与客户会面,以确定网站的最终结果.如果我找不到合适的解决方案,我不会问问题.

php提交之前验证数据ajax提示,在通过Ajax请求提交之前使用jQuery进行表单验证相关推荐

jQuery实现表单验证
1.基于html表单,利用jQuery实现表单验证功能. 2.html基本结构和样式: 3.html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHT ...
JQuery.validationEngine表单验证插件
一.说明 JQuery.validationEngine表单验证控件功能强大,自带了样式显示模式: 1.字符类型:非空验证.最大长度.最小长度.相等判断.数字和空格.数字和英文字母 2.数字类型:数字 ...
基于jQuery的表单验证插件：jValidate
网上基于jQuery的表单验证插件已有很多,但是这个轮子我还是继续做一个,因为这个表单验证插件是从我以前的个人JS框架移值过来的(我已慢慢投入jQuery的怀抱),并且它的验证规则书写方式也许会让你眼 ...
html中表单的校验的插件,功能强大的jquery.validate表单验证插件
本文实例为大家分享了jquery.validate表单验证的使用方法,供大家参考,具体内容如下 1 .表单验证的准备工作在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助 ...
jQuery的表单验证
jQuery的表单验证直接上代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" ...
JQuery实现表单验证(注册页面)
注册页面功能实现: 验证会员名密码不能为空或者包含空格,并且保证长度至少6位验证邮箱符合规则,并且不能为空重复密码要与密码一致 1.页面的样式 <form action="#&qu ...
整理的16个有用的jQuery Form(表单)验证教程
表单在每个网站开发者必不可少的组成部份,而最烦繁的也是表单验证部份,借助于jQuery一些现有成熟的插件,可以大大减少我们的开发工作量以及减少很多重复出现的问题 ,这篇文章将整理出非常好的16篇非常有 ...
Jquery ValidateEngine表单验证
Jquery ValidateEngine表单验证用法:http://www.position-relative.net/creation/formValidator/demoValidators. ...
基于猫冬的 jQuery formValidator表单验证的asp.net 控件
为了方便在asp.net中使用,封装了一下 <猫冬的 jQuery formValidator表单验证> 控件其实也不是什么控件,只是一个类,方便生成前台js. 特点: 1.后台生成的 ...
jQuery validate 表单验证，涵盖各种类型数据
本来觉得用这个会很难,结果试了试,发现却是简单了不少东西啊,什么getElementById,if 什么的,只用几个属性名什么的就可以解决不同状态显示不同提示,很强大很方便. <%@ page ...

php提交之前验证数据ajax提示,在通过Ajax请求提交之前使用jQuery进行表单验证

php提交之前验证数据ajax提示,在通过Ajax请求提交之前使用jQuery进行表单验证相关推荐

最新文章

热门文章