tengo este js, y este html:
$(document).on('click', '.validar', function (event) {
event.preventDefault();
var cantidad = 0;
var obj = {
"correo": $(".txtEmail").attr("id")
};
$.each(obj, function (identificador, value) {
cantidad = ($.onlyData("#" + value));
if (cantidad > 0) {
toastr["error"]("Este " + identificador + " ya se encuentra registrado!");
} else {
$("#msform").submit();
}
});
});
<div class="modal fade" id="modalNewClient" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Nuevo cliente</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<?php
echo $this->Form->create('Client', array('class' => '', 'id' => 'msform'));
?>
<div class="input-group">
<?php
echo $this->Form->input('contact', array('label' => array('text' => " "),
'placeholder' => 'Danos tu nombre',
"required" => "true",
"minlength" => "5",
"maxlength" => "",
'class' => 'form-control-custom color-input validLength txtContact lang prettyName',
'key' => 'txtContact'));
?>
</div>
<div class="input-group">
<?php
echo $this->Form->input('company', array('label' => array('text' => " "),
'placeholder' => '¿Para que marca vamos a trabajar?', "required" => "true",
"minlength" => "3",
"maxlength" => "",
'data-sql' => "company-Client",
'class' => 'form-control-custom color-input validLength txtClient lang prettyName',
'key' => 'txtClient'));
?>
</div>
<div class="input-group mb-3">
<?php
echo $this->Form->input('email', array('label' => array('text' => " "),
'placeholder' => 'Correo electronico',
"data-DB" => "email",
"required" => "true",
"minlength" => "5",
'data-sql' => "username-User",
"maxlength" => "",
'class' => 'form-control-custom color-input validLength prettyName txtEmail lang validEmail',
'key' => 'txtEmail'));
?>
</div>
<div class="input-group mb-3">
<?php
echo $this->Form->input('phone', array('label' => array('text' => " "),
'placeholder' => 'Celular', "minlength" => "7", "required" => "true", "maxlength" => "10", 'class' => 'form-control-custom color-input validLength txtPhone blockLetter lang', 'key' => 'txtPhone'));
?>
</div>
<?php echo $this->Form->end(array('label' => 'Guardar cliente', 'class' => 'validar')) ?>
</div>
</div>
</div>
la cosa es que ese js, valida si un campo ya xiste en la BD, pero no se si hay alguna forma de activar, las validaciones automaticas de html5 desde el js, en internet encontre esta :$("#elemento").checkValidity();
pero no funciono, estaba pensando en algo $("#formId").checkRequired();
o algo por el estilo, pero no he podido encontrar nada
esas son las validaciones de html5 y lo que quiero es activarlas desde jquery es decir con alguna funcion decirle que haga las validaciones que normalmente hacel el html5 al darle a un submit