como podría validar un numero telefónico que tenga el +
al inicio.
Mejor dicho que el + siempre este al inicio en el input
por mas que el usuario la quiera borrar siempre se inserta como primer caracter del número
mi código:
$(function() {
$(document).on('change', '#mySelect', function() {
$("#phone").focus();
var value = $(this).val();
$('#phone').val(value);
});
});
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<p> Numero celular internacional
<p/>
<select id="mySelect">
<option value="+54">Argentina +54</option>
<option value="+591">Bolivia +591</option>
<option value="+55">Brasil +55</option>
<option value="+56">Chile +56</option>
<option value="+593">Ecuador +593</option>
<option value="+502">Guatemala +502</option>
<option value="+52">México +52</option>
<option value="+507">Panamá +507</option>
<option value="+51">Perú +51</option>
<option value="+598">Uruguay +598</option>
<option value="+58">Venezuela +58</option>
</select>
<input id="phone" value="+" type="text" name="phone" pattern="\x2b[0-9]+" size="20" placeholder="+54976284353">
Si el usuario quiere escribir sin buscar el el select que se mantenga el + no se deje borra.
readonly="readonly"
como atributo del input?...readonly
no se usa de la forma que propones, no se le asigna ningún valor. Puedes ver la documentación de HTML <input> readonly Attribute. Saludos.