Php ajax和jquery验证插件不能同时工作
这是我的代码,我想验证所有用户文件,然后将数据插入数据库,但在这里,如果我同时放入验证代码和ajax代码,那么它就不起作用了,但单独使用这两个代码就可以了。如果我注释掉ajax代码,那么验证代码工作正常,反之亦然Php ajax和jquery验证插件不能同时工作,php,jquery,html,ajax,Php,Jquery,Html,Ajax,这是我的代码,我想验证所有用户文件,然后将数据插入数据库,但在这里,如果我同时放入验证代码和ajax代码,那么它就不起作用了,但单独使用这两个代码就可以了。如果我注释掉ajax代码,那么验证代码工作正常,反之亦然 //验证 $(文档).ready(函数(){ //祝酒成功 toastr.options={ “closeButton”:false, “调试”:错误, “newestOnTop”:错误, “progressBar”:错误, “positionClass”:“右上角烤面包”, “防
//验证
$(文档).ready(函数(){
//祝酒成功
toastr.options={
“closeButton”:false,
“调试”:错误,
“newestOnTop”:错误,
“progressBar”:错误,
“positionClass”:“右上角烤面包”,
“防止重复”:错误,
“onclick”:空,
“showDuration”:“300”,
“隐藏”:“1000”,
“超时”:“5000”,
“extendedTimeOut”:“1000”,
“挥杆”:“挥杆”,
“隐藏”:“线性”,
“showMethod”:“fadeIn”,
“隐藏法”:“淡出”
}
//托托
//误差修正器
toastr.options={
“closeButton”:false,
“调试”:错误,
“newestOnTop”:错误,
“progressBar”:错误,
“positionClass”:“右上角烤面包”,
“防止重复”:错误,
“onclick”:空,
“showDuration”:“300”,
“隐藏”:“1000”,
“超时”:“5000”,
“extendedTimeOut”:“1000”,
“挥杆”:“挥杆”,
“隐藏”:“线性”,
“showMethod”:“fadeIn”,
“隐藏法”:“淡出”
}
//误差烤面包机
//在#注册表表单元素上设置表单验证
$(“#联系我们表格”)。验证({
//指定验证规则
规则:{
名称:“必需”,
联系人:“必需”,
学位:“必修”,
申请“必需”,
经验:“必需”,
用户简历:“必需”,
电邮:{
要求:正确,
电子邮件:真的
}
},
//指定验证错误消息
信息:{
姓名:“请输入您的名字”,
联系人:“请输入您的联系电话”,
学位:“请输入您的资格”,
体验:“请输入您的体验”,
用户简历:“请选择您的简历”,
申请“请接受我们的政策”,
电子邮件:“请输入有效的电子邮件地址”
},
submitHandler:函数(表单){
form.ajaxsubmit();
}
//警报(“警报”);
});
$(“#提交”)。单击(函数(){
//警报(“警报”);
var name=$(“#name”).val();
var email=$(“#email”).val();
//var password=$(“#password”).val();
var contact=$(“#contact”).val();
var applying_for=$(“#applying_for”).val();
var degree=$(“#degree”).val();
var经验=$(“#经验”).val();
//var user_cv=$(“#user_cv”).val();
//表单数据
var form_data=new FormData();
var file_data=$('#user_cv').prop('files')[0];//这里pic是输入类型image的id
表单数据。追加(“用户简历”,文件数据);
//
表单_data.append('name1',name);
表格_data.append('email1',email);
表格_数据。附加(“联系人”,联系人);
表格_数据。追加('学位',学位);
表格数据。追加('申请',申请');
表格_数据。附加(“经验”,经验);
//var password=$(“#password”).val();
//当输入的信息存储在数据库中时,返回成功的数据提交消息。
//var dataString='name1='+name+'&email1='+email+'&contact='+contact+'°ree='+degree+'&applying_for='+applying_for+'&user_cv='+user_cv+'&experience='+experience;
如果(姓名=“”| |电子邮件=“”| |申请=“”| |联系=“”| |经验=“”)
{
//警告(“请填写所有字段”);
toastr[“警告”](“所有字段都是必需的。”)
}否则
{
//提交表单的AJAX代码。
$.ajax({
类型:“POST”,
url:“ajaxsubmit.php”,
enctype:“多部分/表单数据”,
数据:表格数据,
cache:false,
contentType:false,
processData:false,
成功:功能(结果){
$('#myModal').modal('hide');
toastr[“成功”](“您的提交已成功发送。”,“成功”)
$(“形式”)。触发器(“重置”);
//警报(结果);
}
});
}
返回false;
});
});
最高学位
最高学位
上传简历
浏览
提交
使用验证和ajax()的最佳方法是:
$('#formId').validate({
rules:{
// rules here
},
messages:{
// messages here
}
});
保持状态
$('#formId').submit(function(e){
e.preventDefault();
});
单击“提交”按钮启动验证检查
$('#btn').click(function(){
if( $('#formId').valid() )
{
// ajax call here
}
});
你说的“不工作”到底是什么意思?发生了什么事?有任何错误消息吗?你应该在submitHandler
中的validate
函数中放入AJAX代码没有错误,但是当我尝试提交它时,会重新登录页面,不验证表单,不将数据提交到数据库中“不将数据提交到数据库中”,与您在此处发布的服务器端代码无关。请参阅浏览器控制台选项卡。有什么好的错误吗,按照这个方法,