Estoy usando la máscara de entrada de RobinHerbots para configurar mi entrada de UUID. Todo funciona, pero quiero conservar el mensaje HTML cuando la entrada no tiene x números de caracteres y se hace clic en el botón Enviar. Alerta HTML

No me gusta clearIncomplete: true porque elimina entradas parciales.

Mi botón de envío activa un evento y envía una solicitud al servidor usando fetch.

Aquí está mi código actual:

 $(document).ready(function(){ $('.id').inputmask({ mask: "*{8}-*{4}-*{4}-*{4}-*{12}", definitions: {'*': {validator: "[0-9a-f]"}}, casing: "lower", removeMaskOnSubmit: true, // clearIncomplete: true }); });

HTML:

 <form action="" id="form"> <p><input type="text" name="id" id="id" class="id" size="50" required /> * 32 characters</p> <input type="reset" value="reset" onclick="resetForm()"> <input type="submit" value="divert" /> </form>

EDITAR: No puedo entender cómo hacerlo. Me conformo con usar otro complemento más simple y mantener minlength/maxlength en la etiqueta de entrada. Complemento JQuery Mask de Igor Escobar .