Javascript 如果collapse=false，Jquery发送表单更改后输入值

您好，我正在尝试对我的表单进行验证，并将通过表单发送的值更改为空值（如果折叠元素（该值）=False）（我对javascript和Jquery还是比较陌生）

if（document.getElementById（“过滤器表单”））{
var slider1=document.getElementById（“price_min”）；
var slider2=document.getElementById（“price_max”）；
output1.value=slider1.value；//显示默认滑块值
output2.value=滑块2.value；
output1.oninput=函数（）{
slider1.value=此.value；
}
output2.oninput=函数（）{
slider2.value=此.value；
}
//更新当前滑块值（每次拖动滑块控制柄时）
slider1.oninput=函数（）{
output1.value=此.value；
}
slider2.oninput=函数（）{
output2.value=此.value；
}
}
$（文档）.ready（函数（）{
$（“#搜索”）。单击（函数（事件）{
if（$（“#price”）.attr（“aria扩展”）=“true”）{
var price_min=数字（$（'#price_min'）.val（）；
var price_max=数字（$（'#price_max'）.val（）；
}否则{
var price_min=null；
var price_max=null；
$（'#price_min'）。value=null；
$（'#price_max'）。value=null；
}
如果（最低价格>最高价格）{
event.preventDefault（）；
iziToast.警告({
标题：“失败！”，
消息：“最小价格不能大于最大价格”，
位置：'右下'
})我的警觉
}
});
});


价格

最小值：
最大值：
搜寻
您正在使用
.value
设置值，但在jQuery中，我们使用
.val（）
并将值设置为0而不是null，因为数字类型输入不接受null。更改服务器端的逻辑以检查值是否为0而不是null

另外，使用
preventDefault
作为搜索按钮的第一行，这样按钮就不会直接提交表单

请参阅下面的代码


$（文档）.ready（函数（）{
$（“#搜索”）。单击（函数（事件）{
event.preventDefault（）；//它将阻止单击的按钮的默认行为
log（“单击按钮”）；
if（$（“#price”）.attr（“aria扩展”）=“true”）{
var price_min=新的数字（$（'#price_min'）.val（）；
var price_max=新数字（$（'#price_max'）.val（）；
}否则{
var价格_min=0；
var价格_max=0；
$（'price_min'）.val（price_min）；
$（'price_max'）.val（price_max）；
}
如果（最低价格>最高价格）{
iziToast.警告({
标题：“失败！”，
消息：“最小价格不能大于最大价格”，
位置：'右下'
})我的警觉
}否则{
$（“#搜索表单”）.submit（）；
}
});
});


价格

最小值：
最大值：
搜寻
您正在使用
.value
设置值，但在jQuery中，我们使用
.val（）
并将值设置为0而不是null，因为数字类型输入不接受null。更改服务器端的逻辑以检查值是否为0而不是null

另外，使用
preventDefault
作为搜索按钮的第一行，这样按钮就不会直接提交表单

请参阅下面的代码


$（文档）.ready（函数（）{
$（“#搜索”）。单击（函数（事件）{
event.preventDefault（）；//它将阻止单击的按钮的默认行为
log（“单击按钮”）；
if（$（“#price”）.attr（“aria扩展”）=“true”）{
var price_min=新的数字（$（'#price_min'）.val（）；
var price_max=新数字（$（'#price_max'）.val（）；
}否则{
var价格_min=0；
var价格_max=0；
$（'price_min'）.val（price_min）；
$（'price_max'）.val（price_max）；
}
如果（最低价格>最高价格）{
iziToast.警告({
标题：“失败！”，
消息：“最小价格不能大于最大价格”，
位置：'右下'
})我的警觉
}否则{
$（“#搜索表单”）.submit（）；
}
});
});


价格

最小值：
最大值：
搜寻
尝试使用ajax发布表单，我们可以更改数据并将其发布到服务器。我尝试过，但页面没有更改，服务器的功能是，这是一个搜索按钮，因此在使用POST调用url时，它应该更改页面，这可以在服务器成功响应后执行。是的，但是页面更改应该由服务器处理，因为它也会向页面执行数据。我在后端使用django不知道你的应用程序是如何构造的？它是服务器驱动的还是客户端应用程序？尝试使用ajax发布表单，这样我们可以更改数据并将其发布到服务器我尝试过，但页面没有更改，服务器的功能是，这是一个搜索按钮，因此在使用POST调用url时，它应该更改页面，这可以在服务器成功响应后执行。是的，但是页面更改应该由服务器处理，因为它也会向页面执行数据。我在后端使用django不知道你的应用程序是如何构造的？它是服务器驱动的还是客户端应用程序？我也尝试过使用val（），但当我在后端得到request.POST.get（“price_min”）=“0”和request.POST.get（“price_max”）=“10000000000”的结果时请查看我更新的帖子，其中需要使用preventDefault作为单击事件处理程序的第一行，这样按钮在不运行jquery脚本的情况下不会直接提交表单。但是现在我的表单不会提交。您需要使用
$（“#searchForm”）.submit（）从外部提交表单其中searchForm是htmlit中form元素的id是num