Question

这是我的代码。我已尝试使用jquert发布多个其他方法，但我必须没有正确编写它。我不知道如何将其应用于我的代码。但是，当未填写输入时，需要禁用第二个提交按钮。

Answer 1

我更改了button的“第二”按钮类型，而不是sumbit 我删除了属性disabled。

您需要对所有输入进行检查，这些输入将决定是否必须提交表单。

    <input type="hidden" name="submit" value="Submit">
    <input type="button" id="button" value="Submit">
  </form>
  <script>
  $("#button").click(function(){
    var flag=true;

    // check all input values
    $("input[type='text']").each(function(){
        if( $(this).val()=="" ){
            flag=false;
        }
    });

    // submit the form
    if(flag){
        $("form#input").submit()
    }else{
        // You should do something here.
        alert("Please fill all inputs!");
    }
  });
  </script>

如果flag为假，你应该想一想该做什么...... 喜欢通知用户的东西，他必须填写所有输入。

注意：在head中加载jQuery库以使其正常工作。

关于“命名”的

评论 ... 使用input或button的名称，类或ID可能会造成混淆尝试使用与方法或HTML标记不同的描述性词语 ;）

Answer 2

使用JQuery函数

$('form').submit(function(e){
  var i=Number(0);
  $('input').each(function(){
    if($(this).val() == '')
      i++;
  });

 if(i>0)
  {
    e.preventDefault();
  }
});

输入为空时禁用提交

2 个答案: