Javascript 如果字段为空，如何禁用发送按钮引导

我正在使用引导程序制作网页。我有一个简单的代码，有一个输入和一个按钮。当您按下按钮时，其中包含的输入将存储在数据库中。但如果输入为空，也会将其保存到数据库中。我可以用javascript进行验证，但我想知道bootstrap是否有验证的选项。例如，bootstrap中的表单验证它，但我不想使用表单

<div class="row">
    <div class="col-md-4 col-md-offset-1">
        <div class="input-group input-group-lg"> <span class="input-group-addon"><span class="glyphicon glyphicon-fire"></span> </span>
            <input type="text" class="form-control" placeholder="Nombre Marca" id="marca" required>
        </div>
    </div>
</div>
<div class="row">
    <br />
    <div class="col-md-3 col-md-offset-1" align="center" onClick="guardar_marca()"> <a href="#" class="btn btn-primary" role="button">Guardar Marca</a>

    </div>
</div>

我不确定您是否只是复制了HTML的一小部分，但在您的代码片段中有一个额外的结尾

。您可以使用jQuery测试输入值是否为空：

$('.btn').click(function(e) {
  if ($('input').val() === '') {
    e.preventDefault();
    alert('input is empty');
  }
});

---

我不确定您是否只是复制了HTML的一小部分，但在您的代码片段中有一个额外的结尾

。您可以使用jQuery测试输入值是否为空：

$('.btn').click(function(e) {
  if ($('input').val() === '') {
    e.preventDefault();
    alert('input is empty');
  }
});

---

下面的代码让您编写单击事件以及停止空值

$('.btn').click(function(){
    if($('#marca').val() === ''){
        alert('Empty field');
        return false;
    }

    //The rest of the logic you want to execute
})

---

下面的代码让您可以编写单击事件以及停止空值

$('.btn').click(function(){
    if($('#marca').val() === ''){
        alert('Empty field');
        return false;
    }

    //The rest of the logic you want to execute
})

---

我会用这样的方式：

$("MYINPUT").on("change",function(){
  ($(this).val() === "") ? false : $("MYBUTTON").prop("disabled",false);
}

---

我会用这样的方式：

$("MYINPUT").on("change",function(){
  ($(this).val() === "") ? false : $("MYBUTTON").prop("disabled",false);
}

---

如果您正在寻找一个普通的JavaScript解决方案，下面是我为我的待办事项制作的：

window.onkeyup = function(e) {
    var inputs = document.getElementsByClassName("c1"), inputsVal;
    for (i = 0; i < inputs.length; i++) {
        inputsVal = inputs[i].value;
        if (!inputsVal || inputsVal == "" || inputsVal == " ") {
            return false//if the inputsVal has 0 data, it will return false.
        }
    }
    if (event.which == 13) {
    Uilogic.saveitem();//function to actually send value to database
    }
};

window.onkeyup=函数（e）{
var inputs=document.getElementsByClassName（“c1”），inputsVal；
对于（i=0；i

如果您正在寻找一个普通的JavaScript解决方案，下面是我为我的待办事项制作的：

window.onkeyup = function(e) {
    var inputs = document.getElementsByClassName("c1"), inputsVal;
    for (i = 0; i < inputs.length; i++) {
        inputsVal = inputs[i].value;
        if (!inputsVal || inputsVal == "" || inputsVal == " ") {
            return false//if the inputsVal has 0 data, it will return false.
        }
    }
    if (event.which == 13) {
    Uilogic.saveitem();//function to actually send value to database
    }
};

window.onkeyup=函数（e）{
var inputs=document.getElementsByClassName（“c1”），inputsVal；
对于（i=0；i

我可以这样做，但我想知道boostrap是否可以只向按钮添加一个类或创建一个新的div之类的东西来进行验证。谢谢，Bootstrap不包括任何类型的开箱即用的字段验证。我可以这样做，但我想知道Bootstrap是否可以只在按钮上添加一个类或创建一个新的div之类的东西来进行验证。谢谢，Bootstrap不包括任何类型的开箱即用的字段验证。