我正在升級我數學系的內部網頁以使用 Python3 和 Flask 框架。我目前正在處理的頁面使用輸入掩碼來強制執行特定的日期格式（除其他外）：
選擇“給出的日期”框后，會出現輸入掩碼
處理這個頁面的代碼的基本布局是
def manage_exams():
kwargs['content']=Markup(gl.get_html_to_list_all_exams())
if form_name in ["add","edit"]:
html=gl.get_html_for_exam_add_edit_pages(form_name, exam_id, course_id)
return html
return render_template("manage_exams.html", **kwargs)
隨附javascript的相關部分是
$(document).ready(function() {
$(".date").mask("99-99-9999");
$("#weight").mask("9.9?9?9");
});
function manage_exam_AJAX(form_name, exam_id, course_id){
var data = {form_name: form_name,
exam_id: exam_id,
course_id: course_id};
$.ajax({
type: 'post',
dataType: 'html',
url: 'manage_exams',
async: false,
data: data,
success: function (response, status, xml) {
if(response.error)
{
alert(response.data);
}
else
{
$("#main_content").html(response);
}
},
error: function(response, status, xml) {
alert(JSON.stringify(response));
}
});
}
我發現如果我重新渲染模板，輸入掩碼會按預期作業：
def manage_exams():
kwargs['content']=Markup(gl.get_html_to_list_all_exams())
if form_name in ["add","edit"]:
kwargs['content']=Markup(gl.get_html_for_exam_add_edit_pages(form_name, exam_id, course_id))
return render_template("manage_exams.html", **kwargs)
使用第二種方法，我將不得不調整/消除我的 javascript，因為現在頁面在自身內部加載，但我應該怎么做？無論如何我可以只回傳html變數并使用jquery嗎？
編輯： 根據@8oh8 的解決方案，我現在在我的 javascript 的成功部分呼叫掩碼函式。這現在適用于我原來的回傳“html”變數而不是生成新請求的方法：
$(document).ready(function() {
mask_functions();
});
function mask_functions(){
$(".date").mask("99-99-9999");
$("#weight").mask("9.9?9?9");
};
function manage_exam_AJAX(form_name, exam_id, course_id){
var data = {form_name: form_name,
exam_id: exam_id,
course_id: course_id};
$.ajax({
type: 'post',
dataType: 'html',
url: 'manage_exams',
async: false,
data: data,
success: function (response, status, xml) {
if(response.error)
{
alert(response.data);
}
else
{
$("#main_content").html(response);
mask_functions();
}
},
error: function(response, status, xml) {
alert(JSON.stringify(response));
}
});
}
uj5u.com熱心網友回復：
我不確定 mask() 函式的作用是什么，但我懷疑在交換 HTML 后某些系結會被破壞。設定新 HTML 后，再次嘗試呼叫掩碼函式。
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/391665.html
標籤：javascript Python 查询 烧瓶 jquery-inputmask
上一篇：路由到燒瓶中的目錄