[SOLUCIONADO] mostrar mensaje con document write

[mensajeescrito]

Hola amigos/as a ver si me puede ayudar con esto:

Tengo el problema que no me aparece el mensaje del document.getElementById("caracter").innerHTML = "Bien"; y no se que
estoy haciendo mal. Si me pudieran ayudar les estaria muy agradecido.

Este es el codigo:

Código HTML:

<form id="miForm" action="" method="POST" onsubmit="return miClaseValidar.literal();" >
    
           Matrícula: <input type="text" id="matricula" />
           
           <br/>
 
           <input type="submit" value="Submit">          
 
        </form>
 
<div id="caracter"></div>
 

Código Javascript:

var miClaseValidar = {
                
                    literal: function() 
                    
                        { 
                            var m = document.getElementById("matricula").value;
                            var expreg = /^[xoXO]{1}$/;
                            
                            if(expreg.test(m))
                                {
                                    document.getElementById("caracter").innerHTML = "Bien";
                                    //alert("Bien"); 
                                }
          
                                else 
                                
                                {
                                    alert("Mal");
                                }
                        }               
            }
 

[Alexis88]

Nunca llegas a cancelar el procesamiento del formulario. La función no retorna un valor booleano necesario para cancelar dicha acción; por eso nunca llegarás a ver el resultado que deseas.

[mensajeescrito]

Te entiendo pero no se como hacerlo la verdad.

Me a costado mucho, ya el hacer este codigo.

Se que tienes razon y ello tambien por que observo que durante unas milesimas de segundo, puedo ver el resultado, pero desaparece.

Como digo no se como hacer que pare cuando llega el momento.

Una ayuda seria genial la verdad.

[Alexis88]

Un return false cancelaría el proceso y te permitiría ver el resultado. Puedes colocarlo en la misma llamada a la función o dentro de la función, luego de las acciones que contiene (o sea, al final).

[mensajeescrito]

Justo acababa de dar yo tambien con una solucion pero me gusta mas la tuya.

Aun así pongo la mia, por intercambiar opiniones:

Código Javascript:

<input type="button" value="Submit" onclick="miClaseValidar.literal()">
 

Gracias alexis, eres grande