Javascript 验证后提交每篇文章的数据jquery应用';t工作($\u后空)
我在Jquery、AJAX和字段验证方面有问题 验证工作,如果输入一切正常,重定向工作,但是来自字段的my值不包含在Javascript 验证后提交每篇文章的数据jquery应用';t工作($\u后空),javascript,jquery,ajax,jquery-validate,Javascript,Jquery,Ajax,Jquery Validate,我在Jquery、AJAX和字段验证方面有问题 验证工作,如果输入一切正常,重定向工作,但是来自字段的my值不包含在$\u POST数组中 这是表单开始标签: <script type="text/javascript"> // Load form valisation dependency loadScript("js/plugin/jquery-form/jquery-form.min.js", runFormValidation);
$\u POST
数组中
这是表单开始标签:
<script type="text/javascript">
// Load form valisation dependency
loadScript("js/plugin/jquery-form/jquery-form.min.js", runFormValidation);
// Registration validation script
function runFormValidation() {
//e.preventDefault();
var $checkoutForm = $('#register-form').validate({
// Rules for form validation
rules : {
name : {
required : true
},
vorname : {
required : true
},
passwort : {
required : true,
minlength: 8
},
passwort2 : {
required : true,
minlength: 8
},
email : {
required : true,
email : true
},
admin : {
required : true,
min: {
// min needs a parameter passed to it
param: 1
}
},
},
// Messages for form validation
messages : {
/* My Messagees*/ not mentionend
},
// Ajax form submition
success : function() {
form.submit();
$('#register-form').addClass('submited');
},
// Do not change code below
errorPlacement : function(error, element) {
error.insertAfter(element.parent());
}
});
};
// Optional, read what this does
success: 'valid',
// This does the actual form submitting
submitHandler: function (form) {
form.submit();
},
这里是JavaScript部分:
<script type="text/javascript">
// Load form valisation dependency
loadScript("js/plugin/jquery-form/jquery-form.min.js", runFormValidation);
// Registration validation script
function runFormValidation() {
//e.preventDefault();
var $checkoutForm = $('#register-form').validate({
// Rules for form validation
rules : {
name : {
required : true
},
vorname : {
required : true
},
passwort : {
required : true,
minlength: 8
},
passwort2 : {
required : true,
minlength: 8
},
email : {
required : true,
email : true
},
admin : {
required : true,
min: {
// min needs a parameter passed to it
param: 1
}
},
},
// Messages for form validation
messages : {
/* My Messagees*/ not mentionend
},
// Ajax form submition
success : function() {
form.submit();
$('#register-form').addClass('submited');
},
// Do not change code below
errorPlacement : function(error, element) {
error.insertAfter(element.parent());
}
});
};
// Optional, read what this does
success: 'valid',
// This does the actual form submitting
submitHandler: function (form) {
form.submit();
},
//加载表单有效性依赖项
loadScript(“js/plugin/jquery form/jquery form.min.js”,runFormValidation);
//注册验证脚本
函数runFormValidation(){
//e、 预防默认值();
var$checkoutForm=$(“#注册表表单”)。验证({
//表单验证规则
规则:{
姓名:{
必填项:true
},
姓名:{
必填项:true
},
羊草:{
要求:正确,
最小长度:8
},
密码2:{
要求:正确,
最小长度:8
},
电邮:{
要求:正确,
电子邮件:真的
},
管理员:{
要求:正确,
最小值:{
//min需要一个传递给它的参数
参数:1
}
},
},
//用于表单验证的消息
信息:{
/*我的留言*/没有结束
},
//Ajax表单提交
成功:函数(){
表单提交();
$('注册表格').addClass('已提交');
},
//不要更改下面的代码
errorPlacement:函数(错误,元素){
错误.insertAfter(element.parent());
}
});
};
通过阅读该插件的链接,我发现当您真正想要提交有效表单时,应该使用submitHandler
回调
submitHandler(默认值:本机表单提交):
用于在表单有效时处理实际提交的回调。获取表单
作为唯一的论据。替换默认提交。正确的地方
验证表单后,通过Ajax提交表单
正如@Sparky提到的:
通常不需要success选项,除非您希望在有效元素上使用错误标签,如绿色复选标记或其他
成功类型:字符串或函数()
如果指定,将显示错误标签以显示有效元素。如果给定一个字符串,则添加该字符串
作为标签的一个类。如果给定一个函数,则使用
标签(作为jQuery对象)和经过验证的输入(作为DOM元素)。
标签可用于添加文本,如“ok!”
因此,不要放置表单.submit()代码>位在success
回调中,您应该将它放在submitHandler
中
因此您的代码应该如下所示:
<script type="text/javascript">
// Load form valisation dependency
loadScript("js/plugin/jquery-form/jquery-form.min.js", runFormValidation);
// Registration validation script
function runFormValidation() {
//e.preventDefault();
var $checkoutForm = $('#register-form').validate({
// Rules for form validation
rules : {
name : {
required : true
},
vorname : {
required : true
},
passwort : {
required : true,
minlength: 8
},
passwort2 : {
required : true,
minlength: 8
},
email : {
required : true,
email : true
},
admin : {
required : true,
min: {
// min needs a parameter passed to it
param: 1
}
},
},
// Messages for form validation
messages : {
/* My Messagees*/ not mentionend
},
// Ajax form submition
success : function() {
form.submit();
$('#register-form').addClass('submited');
},
// Do not change code below
errorPlacement : function(error, element) {
error.insertAfter(element.parent());
}
});
};
// Optional, read what this does
success: 'valid',
// This does the actual form submitting
submitHandler: function (form) {
form.submit();
},
顺便说一下,form.submit()
不是AJAX,据我所知,它只是以传统方式提交表单。正确。但是,您通常不需要success
选项,除非您希望在有效元素上使用错误标签,例如绿色复选标记或其他内容。是,form.submit()
是默认的表单提交行为。对于ajax()
,您将删除它并在其位置插入ajax代码。感谢您的评论。我在答案中添加了这一点。form.submit()
不是Ajax!而且它不会进入success
选项。它只属于submitHandler
选项。