Javascript JQuery(django)-提交表单时停止模糊
我有一个包含文本区域的表单。 在这个文本区域有一个模糊。 问题:当我点击提交按钮时,提交不起作用,因为有模糊…: HTML:Javascript JQuery(django)-提交表单时停止模糊,javascript,jquery,html,django,forms,Javascript,Jquery,Html,Django,Forms,我有一个包含文本区域的表单。 在这个文本区域有一个模糊。 问题:当我点击提交按钮时,提交不起作用,因为有模糊…: HTML: (这段代码中有一点框架Django,但对这个问题并不重要:一个文本区域位于{{formUpdateSpeciality | bootstrap}}中,它被JS很好地恢复;) 方法JS-显示/隐藏表单: function showForm(event){ var form = $(this).find('form'); $(this).find('p')
(这段代码中有一点框架Django,但对这个问题并不重要:一个文本区域位于{{formUpdateSpeciality | bootstrap}}中,它被JS很好地恢复;) 方法JS-显示/隐藏表单:
function showForm(event){
var form = $(this).find('form');
$(this).find('p').hide();
form.show();
var textarea = $(form).find('textarea');
textarea.html($(this).find('p').html());
textarea.focus();
textarea.blur(hideForm);
}
function hideForm() {
// ** $(this) => textarea **
var thediv = $("#speciality_details_CARS");
var form = $(thediv).find('form');
form.hide();
$(thediv).find('p').show();
thediv.click(showForm);
}
JS-点击输入提交表单
:
$(document).ready(function() {
$("form[name=Theform]").submit(function(evt) {
alert("hoho");
evt.preventDefault();
var speciality = $(this).find('textarea').val();
var form = $(this).serialize();
var data = {
"formulaire": formulaire,
"modifi_form" : "update speciality",
};
$.ajax({
'type' : 'POST',
'dataType' : 'json',
'url' : "/myurl",
'data': data,
success: function(data) {
alert("success");
},
error:function(data){
alert("Error...");
}
});
return false;
});
});
因此blur()位于表单textarea中
为什么我不能提交表格?
当我点击提交按钮时,模糊被激活,因此表单隐藏,div显示。所以没有人可以帮助我?所以没有人可以帮助我?
function showForm(event){
var form = $(this).find('form');
$(this).find('p').hide();
form.show();
var textarea = $(form).find('textarea');
textarea.html($(this).find('p').html());
textarea.focus();
textarea.blur(hideForm);
}
function hideForm() {
// ** $(this) => textarea **
var thediv = $("#speciality_details_CARS");
var form = $(thediv).find('form');
form.hide();
$(thediv).find('p').show();
thediv.click(showForm);
}
$(document).ready(function() {
$("form[name=Theform]").submit(function(evt) {
alert("hoho");
evt.preventDefault();
var speciality = $(this).find('textarea').val();
var form = $(this).serialize();
var data = {
"formulaire": formulaire,
"modifi_form" : "update speciality",
};
$.ajax({
'type' : 'POST',
'dataType' : 'json',
'url' : "/myurl",
'data': data,
success: function(data) {
alert("success");
},
error:function(data){
alert("Error...");
}
});
return false;
});
});