Javascript 如何使用';必需的';带有onClick按钮的元素

Javascript 如何使用';必需的';带有onClick按钮的元素,javascript,jquery,html,twitter-bootstrap,forms,Javascript,Jquery,Html,Twitter Bootstrap,Forms,原因是: 提交按钮位于 我需要使用bootstrap作为带有required字段的表单验证 但是,当我用onClick提交表单时。只需提交表格而无需检查,即使表格是空白的 $('#提交')。在('click',function()上{ $(“#账单表单”).submit(); }); . . . //息票 现在就买您可以使用检查有效性方法。根据表单是否有效,它将返回true/false $(“#提交”)。在('click',函数(e){ var x=document.getElem

原因是:

  • 提交按钮位于
  • 我需要使用bootstrap作为带有
    required
    字段的表单验证
  • 但是,当我用
    onClick
    提交表单时。只需提交表格而无需检查,即使表格是空白的

    $('#提交')。在('click',function()上{
    $(“#账单表单”).submit();
    });
    
    
    .
    .
    .    
    //息票
    
    现在就买您可以使用
    检查有效性
    方法。根据表单是否有效,它将返回true/false

    $(“#提交”)。在('click',函数(e){
    var x=document.getElementById('billing-form').checkValidity();
    if(x){
    $(“#账单表单”).submit();
    }否则{
    console.log('无效')
    }
    });
    
    
    
    现在就买您可以使用
    检查有效性
    方法。根据表单是否有效,它将返回true/false

    $(“#提交”)。在('click',函数(e){
    var x=document.getElementById('billing-form').checkValidity();
    if(x){
    $(“#账单表单”).submit();
    }否则{
    console.log('无效')
    }
    });
    
    
    现在就买我知道了

    $("#submit").on("click", function(){
        if($("#billing-form")[0].checkValidity()) {
          //do ajax submit
        }
        else {
            $("#billing-form")[0].reportValidity();
        }
    });
    
    我知道了

    $("#submit").on("click", function(){
        if($("#billing-form")[0].checkValidity()) {
          //do ajax submit
        }
        else {
            $("#billing-form")[0].reportValidity();
        }
    });
    

    能给我点像这样的吗。带有内置弹出窗口的Easy
    required
    属性。能给我点像这样的吗。带有内置弹出窗口的Easy
    required
    属性。