Javascript 通过禁用按钮防止提交，直到选择一个值

在至少选择或键入一个值之前，我如何（我猜解决方案是）禁用我的提交按钮

   <form name="forma" method="POST" action="used-results.php" id="apliforma">

lots of textboxes and dropdown menus


 <a onclick="forma.submit();" class="btn btn-primary">Search</a>
</form>

很多文本框和下拉菜单
搜寻

是的，可以这样做

function ready(){   

    var inputs = document.getElementsByTagName('input'); 
    for (var i = 0; i < inputs.length; i++) { 
        inputs[i].addEventListener('change', function (e) {
        document.getElementById('submit').disabled = e.target.value === "" }, false);   
    } 
} 

document.addEventListener( "DOMContentLoaded", ready, false )

函数就绪（）{
var inputs=document.getElementsByTagName（'input'）；
对于（var i=0；i

您必须将以下标记添加到

submit

按钮

id='submit'disabled='disabled'

---

干杯。

您已将一个侦听器添加到

更改

事件并检查值

$(document).ready(function (){
    validate();

    // In case of validating specific fields
    $('#name, #email').change(validate);
});

function validate(e){
    if ( $('#name').val().length > 0  &&  $('#email').val().length > 0 ) {
        $('#submit').prop('disabled', false);
    } else {
        $('#submit').prop('disabled', true);
    }
}

---

请检查这个也有下拉列表的

---

默认情况下，禁用按钮“在下拉列表和文本框上写入更改事件”，以检查下拉列表和文本框的值，然后启用提交按钮此处缺少报价

$（“#name，#email

谢谢。如果我只使用下拉菜单，代码将如何更改？我现在基本上只需要用于下拉菜单。谢谢。我想，此代码适用于下拉菜单（选择）菜单。你可以试试。我更喜欢纯JS，但这似乎不起作用。我的提交按钮保持禁用状态。如果我只有下拉列表，那会怎么样？哦，谢谢你的例子。这是可行的，但我不希望提交按钮在所有输入都已填写时处于活动状态。我需要在至少选择一个时，提交按钮处于活动状态

    $(document).ready(function (){
    validate();
    $('input,select').change(validate);
});

function validate(e){

    var validation = true;
    $('input , select').each(function(){ 

        if($(this).val()=="")
        {
            validation = false;
        }
    });   

    if ( validation ) {
        $('#submit').prop('disabled', false);

    } else {

        $('#submit').prop('disabled', true);
    }
}