Tengo mi propia etiqueta de input de creación que tiene que incluir el número de teléfono:
<base-input style="margin-bottom: 15px; width: 100%; max-width: 510px;" v-model="phone" type="tel" placeholder="Mobile phone" /> ¿Cómo puedo agregar solo los símbolos permitidos (0-9 y +)? Estaba tratando de usar pattern="[0-9]+" , pero no funciona. Además, como sé, se puede hacer con expresiones regulares, pero no sé cómo usarlo aquí.
La etiqueta de entrada HTML tiene un atributo de patrón que recibe un RegEx.
para tu caso:
<input style="margin-bottom: 15px; width: 100%; max-width: 510px;" v-model="phone" type="tel" placeholder="Mobile phone" pattern="[0-9\+]+" title="Phone number - allowed symbols are (0-9 and +)" />Si el patrón no coincide arrojará el título.