Jquery 关注事件然后提交表单
Jquery focus out event and then submits the form
我有一个表单文本框,上面有焦点事件。当文本框失去焦点时,会弹出一个确认框,要求 "Ok" 或 "Cancel".
如果用户单击确定,表单将提交。如何做到这一点?
我试过了,但没有成功:
//<![CDATA[
$(function(){
$('#item_new').focusout(function() {
confirm("add this item?");
'Confirm submit': function() {
currentForm.submit();
},
Cancel: function() {
$(this).dialog('close');
}
});
});
//]]>
请指教
分解代码时,您会发现 confirm 和 rest 根本没有链接。
下面是一些可以提供帮助的代码:
$('#item_new').focusout(function(e){
// ask the user and keep his/her choice
var ok = window.confirm('add this item?');
// here, the 'ok' variable will be 'true' if OK was clicked,
// false otherwise
if( ok ) {
// do the submit action.
// replace '<id_of_the_form_to_submit>' with the id of the form
$('#<id_of_the_form_to_submit>').submit();
}
});
查看这个 jsfiddle:http://jsfiddle.net/arnaudj/c6z44mr9/
编辑:
请注意,window.confirm
调用将弹出一个基本的特定于浏览器的确认弹出窗口,并且您不能 "decorate" 随心所欲地使用样式。
我有一个表单文本框,上面有焦点事件。当文本框失去焦点时,会弹出一个确认框,要求 "Ok" 或 "Cancel".
如果用户单击确定,表单将提交。如何做到这一点?
我试过了,但没有成功:
//<![CDATA[
$(function(){
$('#item_new').focusout(function() {
confirm("add this item?");
'Confirm submit': function() {
currentForm.submit();
},
Cancel: function() {
$(this).dialog('close');
}
});
});
//]]>
请指教
分解代码时,您会发现 confirm 和 rest 根本没有链接。
下面是一些可以提供帮助的代码:
$('#item_new').focusout(function(e){
// ask the user and keep his/her choice
var ok = window.confirm('add this item?');
// here, the 'ok' variable will be 'true' if OK was clicked,
// false otherwise
if( ok ) {
// do the submit action.
// replace '<id_of_the_form_to_submit>' with the id of the form
$('#<id_of_the_form_to_submit>').submit();
}
});
查看这个 jsfiddle:http://jsfiddle.net/arnaudj/c6z44mr9/
编辑:
请注意,window.confirm
调用将弹出一个基本的特定于浏览器的确认弹出窗口,并且您不能 "decorate" 随心所欲地使用样式。