html入力を含む単純なjQueryダイアログボックスがあります。ダイアログボックスには、[保存/キャンセル]ボタンが2つあります。ユーザーが[保存]をクリックすると、ユーザーが入力ボックスに入力を入力したかどうかを検証します。彼がそうでない場合は、ダイアログボックスの新しい行でエラーを報告し、彼が入力を提供するのを待ちます。しかし、彼がもう一度Saveを押すと、何も起こりません。使用後に保存ボタンを再バインドするにはどうすればよいですか?ありがとう!
var message = "Please provide Phone number."
var phoneNum = "<input type='text' id='phoneNum' name='phoneNum'/> ";
var dialogHtml = "<div id='confirmPhoneNumber'>" + message + phoneNum + "<div id='dialogError' style='display:none'>Phone number field cannot be empty</div>" + "</div>";
$(this).append(dialogHtml);
$("#confirmPhoneNumber").css("font-size", "70%");
$("#confirmPhoneNumber").dialog({
resizable : false,
modal : true,
title : 'Save Phone',
buttons : {
'Save' : function () {
// Phone number must be provided
if ($("#phoneNum").val().trim().length == 0) {
$("#dialogError").show();
} else {
// Make AJAX call
}
},
'Cancel' : function () {
$(this).dialog('close');
}
}
});