防止表单基于宽度提交

Question

如何防止我页面上的部分表单根据页面宽度提交？

即如果页面介于 900px 和 1200px 之间，则仅形成 input/select 项 class .regular-form 将包含在表单提交中。

Answer 1

我不知道您是否需要考虑动态调整大小的 window，所以一个简单的解决方案是这样的：

if($(window).width() > 900 && $(window).width() < 1200)
{
    $('.regular-form').prop('disabled', false);
}

Answer 2

您可以确保相关元素不属于 DOM，这将确保它们也不会在提交中发送。

您可以使用此代码执行此操作：

if($(window).width() > 900 && $(window).width() < 1200) {
    $('input,select,textarea').not('.regular-form').remove()
}