Tengo un formulario donde en uno de los campos pido el DNI de una persona. Mi duda es, como puedo hacer que en el input text se mantenga una letra que es necesaria para mi registro del campo del DNI? me explico, tengo el siguiente codigo:
<div class="form-group" style="padding: 20px">
<select name="c" id="c" onchange="if(this.value!='-') cedula.value=this.value;">
<option value="-" selected="selected">Elige</option>
<option value="V"> V </option>
<option value="E"> E </option>
</select>
<label for="nombres" class="col-md-3 control-label">Cedula:<span class="asterisco">*</span> </label>
<div class="col-md-8">
<input type="text" id="ced1" name="cedula" value="<?php if(isset($cedula)) echo $cedula; ?>" />
</div>
</div>
Al seleccionar una opcion del comboBox (V, E..) se llena la caja de texto con esa letra, pero esa letra se puede borrar facilmente al darle a la tecla del teclado de la pc, yo quisiera que no se pudiese eliminar pero no veo la forma.
Intente aplicando mascaras a la caja de texto de la siguiente manera:
<script type="text/javascript">
jQuery(function($){
$("#numero1").mask("9,99", {
// Generamos un evento en el momento que se rellena
completed:function(){
$("#numero1").addClass("ok")
}
});
// Definimos las mascaras para cada input
// $("#date").mask("99/99/9999");
$("#movil").mask("(9999)-999-99-99");
// $("#letras").mask("aaaaaaaaaaaaaa");
$("#ced1").mask("V-9999999");
$("#ced2").mask("E-");
$("#ced3").mask("J-");
// $("#comodines").mask("?");
$("#letras1").mask('aaaaaaaaaaaaaa');
}); </script>
pero no me sirve puesto que es una sola caja de texto y si le aplico una sola mascara para una sola letra (La V por ejemplo) no me da para colocar la E... si pudiesen ayudarme se los agradeceria.
Las letras significan la nacionalidad de la persona que se registra, en este caso V- es para venezonalo, y E- para el que es extranjero.