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");
                                }
                        }               
            }