Bootstrap-Formular-input: vermeiden Sie Einreichen, aber für die Eingaben zu prüfen

Ich glaube, Sie reden über die native HTML5 Formular-Validierung und nicht die Validierung von bootstrap selbst habe ich nie über bootstrap-Validierung vor. (ich kann falsch sein, obwohl).

Den meisten neuen Browsern überprüft <input type='email'/> als E-Mail-Adresse und die <input type='text' required='required'/> im erforderlichen Formulars.

Wenn du beispielsweise mit e.preventDefault(); auf das click-event auf den submit-button wird das Formular nie versucht zu Unterwerfen und damit die native Validierung wird nie passieren.

Wenn Sie möchten, um die Validierung, die Sie verwenden müssen e.preventDefault(); auf das submit-Ereignis des Formulars, nicht das click-Ereignis der Schaltfläche.

Html...

<form action='' method='post'>
   <input type='email' name='email' required='required' placeholder='email'/>
   <button type='submit'>Submit</button>
</form>

Den jQuery...

//this will stop the click on the button and will not trigger validation as the submit event will never be triggered
$("button").on('click',function(e){
    e.preventDefault();
    //ajax code here
});

//this will stop the submit of the form but allow the native HTML5 validation (which is what i believe you are after)
$("form").on('submit',function(e){
    e.preventDefault();
    //ajax code here
});

Jedenfalls hoffe, das hilft. Wenn ich falsch verstanden habe, in keiner Weise lassen Sie mich wissen und ill versuchen zu helfen weiter.

Ich hatte das gleiche problem und ich finde diese Lösung:

$('#formulario').on('submit', function (e) {
  if (e.isDefaultPrevented()) {
    //handle the invalid form...
  } else {
    //everything looks good!
    e.preventDefault(); //prevent submit
            $(".imprimir").show();
            $(".informacao").fadeOut();
            carregardados();
  }
})