jqueryのに確認メッセージボックスを追加する方法
-
26-09-2019 - |
質問
検証が行われたら、
私は、チェックボックスを持つユーザーのリストを抱えているので、関数は、少なくとも1つのチェックボックスで、選択したユーザを削除するにはjqueryのを使用して行われ、他の検証を選択しなければなりませんが、メッセージボックスが確認wheterはいを聞いているように見える確認したりすべきです無削除します。その下に私のコードは、確認メッセージボックスなしです。
function delete(element,servlet,formName){
var form = element.form;
$(document).ready(function() {
$(form ).validationEngine({
submitHandler: function(form) {
$(form).ajaxSubmit();
}
})
});
}
私は確認メッセージボックスを挿入する場所を、事前に感謝
解決
$(form).ajaxSubmit({
success: function() {
alert('user successfully deleted');
}
});
他のヒント
$("#deletebutton").bind('click', function(){
if(confirm('delete?')){
$('input:checked').each(function(){
deleteFunction(this.id);
});
}
});
とマークアップをする必要があります。
<ul>
<li><input type="checkbox" id="name_1" name="name_1" />name 1</li>
<li><input type="checkbox" id="name_2" name="name_2" />name 2</li>
<li><input type="checkbox" id="name_3" name="name_3" />name 3</li>
<li><input type="checkbox" id="name_4" name="name_4" />name 4</li>
<li><input type="checkbox" id="name_5" name="name_5" />name 5</li>
</ul>
<button id="deletebutton">del</button>
提出する
前に確認を入れますsubmitHandler: function(form) {
if (confirm("really delete that dude?")) {
$(form).ajaxSubmit();
}
}
function delete(element,servlet,formName){
var form = element.form;
$(document).ready(function() {
$(form ).validationEngine({
submitHandler: function(form) {
$(form).ajaxSubmit({
dataType: 'json',
success: function(data) {
if (data.okDelete) // json response
alert('ok deleted');
else
alert('error deleted');
}
});
}
})
});
}
私はあなたには、いくつかのボタンを持つ確認ダイアログを表示するjQueryのダイアログが必要だと思います。
まず、あなたはダイアログのdiv要素を定義します。
その後、表示したいボタン。その中の機能により、アクションボタンがクリックされた場合。
最後に、ダイアログを作成します。
あなたはラインの代替としてコードを配置することができます:$(フォーム).ajaxSubmit();
フォームを送信する前に、ダイアログを作成します。
このヘルプを願っています。
var dialog_="<div title='Confirmation'><span class='ui-icon ui-icon-alert' style='float:left; margin:0 7px 20px 0;'></span>";
buttons_confirm['Yes']=function() {
$(form).ajaxSubmit();
$(this).dialog('close');
};
buttons_confirm['Cancel']=function() {
$(this).dialog('close');
};
$(dialog_).dialog({
bgiframe: true,
resizable: false,
modal: true,
buttons: buttons_confirm
});
所属していません StackOverflow