Question

我有一个表格，就是这个

<form method="get" action="<?php bloginfo('url'); ?>">
   <input name="date-beginning" type="text" class="datepicker" />
   <input name="date-end" type="text" class="datepicker" />
   <input name="s" type="text" />
   <input type="submit" value="Ok" class="botao-pequeno botao-pequeno-input" />
</form>

好吧，当用户发送所有字段时，我们得到以下回复： http://myblogurl.com/?s=example&date-beginning=05/05/05&date-end=07/07/07

如果他没有填写，例如date-beginning字段，我们会http://myblogurl.com/?s=example&date-beginning=&date-end=07/07/07

我想要的是，如果他没有填写该字段，例如date-beginning，表单仍然会被发送，但变量不会被发送，如下所示：http://myblogurl.com/?s=example&date-end=07/07/07

有办法吗？怎么样？

Answer 1

var form = document.forms[0];
form.addEventListener('submit', function(){
    var a = document.getElementsByName('date-beginning')[0];
    if(a.value === '')
        a.disabled = true;
});

Answer 2

karaxuna的anwser作品。我只是将它改编为jQuery，如果有人感兴趣，这就是代码

$("#the-form").submit(function() {
        if($('#the-field').val() === ''){
            $('#the-field').attr('disabled',true);
        }
        if($('#the-other-field').val() === ''){
            $('#the-other-field').attr('disabled',true);
        }
    });

只有在满足字段时才发送表单（获取）数据（不验证）

2 个答案: