是否提交表单的jQuery对话框
我正在使用jQuery对话框进行确认,无论是是否提交表单的jQuery对话框,jquery,forms,jquery-ui-dialog,Jquery,Forms,Jquery Ui Dialog,我正在使用jQuery对话框进行确认,无论是提交表单还是不提交 在提交表格之前,我正在做一些验证。当我单击“提交”按钮时,它首先警告结束,它位于“提交”按钮单击处理程序的末尾,我的验证失败 下面是我的代码片段 $('#id-submit-btn').click( function( event ) { //var $this = $(this); var submit = true; if( !$('.class-employees-cb:checked').length
提交
表单还是不提交
在提交表格之前,我正在做一些验证。当我单击“提交”按钮时,它首先警告结束,它位于“提交”按钮单击处理程序的末尾,我的验证失败
下面是我的代码片段
$('#id-submit-btn').click( function( event ) {
//var $this = $(this);
var submit = true;
if( !$('.class-employees-cb:checked').length ) {
$("<div title='Employee Selection'>Please select at least one employee.</div>").dialog({
buttons: [ { text: 'OK', click: function() { $(this).dialog('close'); } } ]
});
submit = false;
//event.preventDefault();
//alert("2");
}
if( $('input:checkbox[name=isPrepondPostpond]').is(':checked') ) {
//event.preventDefault();
$("<div title='Prepond/Postpond Alert'>Have You Changed Meeting Date before Prepond / Postpond ?</div>").dialog({
buttons:[
{
text: 'Yes',
click: function() {
$(this).dialog('close');
$('#id-submit-btn').submit();
}
},
{
text: 'No',
click: function() {
submit = false;
//event.preventDefault();
$(this).dialog('close');
}
}
]
});
//alert("5");
}
alert("End");
//event.preventDefault();
if( !submit )
return false;
});
$('id submit btn')。单击(函数(事件){
//var$this=$(this);
var submit=true;
如果(!$('.class员工cb:checked')。长度){
$(“请至少选择一名员工。”)。对话框({
按钮:[{text:'OK',click:function(){$(this).dialog('close');}]
});
提交=错误;
//event.preventDefault();
//警报(“2”);
}
if($('input:checkbox[name=isprepondppostpond]')。是(':checked')){
//event.preventDefault();
$(“您是否更改了会议日期前/后?”)。对话框({
按钮:[
{
文本:'是',
单击:函数(){
$(this.dialog('close');
$('id submit btn').submit();
}
},
{
文本:“否”,
单击:函数(){
提交=错误;
//event.preventDefault();
$(this.dialog('close');
}
}
]
});
//警报(“5”);
}
警报(“结束”);
//event.preventDefault();
如果(!提交)
返回false;
});
我想阻止表单提交如果用户单击“否”,如何实现 试试这个
$('id submit form')。在(“提交”上,函数(事件){
event.preventDefault();//取消提交
如果(!$('.class员工cb:checked')。长度){
$(“请至少选择一名员工。”)。对话框({
按钮:[{
文本:“OK”,
单击:函数(){
$(this.dialog('close');
}
}]
});
}
if($('input:checkbox[name=isprepondppostpond]')。是(':checked')){
$(“您是否更改了会议日期前/后?”)。对话框({
按钮:[{
文本:'是',
单击:函数(){
$(this.dialog('close');
$('#id提交表单')[0]。提交();//提交表单
}
},
{
文本:“否”,
单击:函数(){
$(this.dialog('close');
}
}
]
});
}
});代码>试试这个
$('id submit form')。在(“提交”上,函数(事件){
event.preventDefault();//取消提交
如果(!$('.class员工cb:checked')。长度){
$(“请至少选择一名员工。”)。对话框({
按钮:[{
文本:“OK”,
单击:函数(){
$(this.dialog('close');
}
}]
});
}
if($('input:checkbox[name=isprepondppostpond]')。是(':checked')){
$(“您是否更改了会议日期前/后?”)。对话框({
按钮:[{
文本:'是',
单击:函数(){
$(this.dialog('close');
$('#id提交表单')[0]。提交();//提交表单
}
},
{
文本:“否”,
单击:函数(){
$(this.dialog('close');
}
}
]
});
}
});代码>请使用
按钮创建一个。而且返回提交
就足够了。但是,我强烈建议使用表单的submit事件,并在出现错误时使用preventDefault。也不要在表单中调用任何“提交”命令,我会尝试让你知道我替换了$('id submit btn')。单击(函数(事件){
到$('id submit form')。提交(函数(事件){
,但它不会等我点击对话框按钮,它直接提交表单,也会取消对事件的注释。默认()
如果验证失败,$(“#id提交表单”)。在(“提交”上,函数(事件){event.preventDefault();…})
也“$(“#id提交表单”)。提交()`在“确定”按钮上,请使用
按钮创建一个表单。另外返回submit
就足够了。不过,我强烈建议使用表单的提交事件,并在出现错误时使用preventDefault。此外,不要在表单中调用任何“提交”命令。我将尝试告诉您我已替换$(“#id submit btn”)。单击(函数(事件){
到$(“#id提交表单”)。提交(函数(事件){
,但它不等待我点击对话框按钮,它直接提交表单,还取消注释事件.preventDefault();
如果验证失败$(“#id提交表单”)。在(“提交”上,函数(事件){event.preventDefault()…}
$(“#id submit form”).submit();`在“确定”按钮上,我将尝试使用此按钮。它仅在您没有name=“submit”
some的情况下有效。如果我使用动态对话框,如$(“请至少选择一名员工”)。对话框({}
只有在您没有name=“submit”的情况下才有效在某个地方
,然后会发生什么,bcoz我对
参数isSave is not passedName=提交是个问题-任何其他名称都不是。如果要通过某个内容,请添加一个值。我将尝试此项。它仅在您没有name=“submit”
某个参数时才起作用。如果我使用动态对话框,如$(“请至少选择一名员工。”)。对话框({})
只有在您没有name=“submit”的地方时才会起作用,然后会发生什么,bcoz我对
参数isSave is NOT passedName=提交是个问题-任何其他名称都不是。如果要传递某个名称,请添加一个值