fix(mi-dia): telefono de captura de lead limitado a 10 digitos (solo numeros, validacion al enviar)

This commit is contained in:
2026-09-29 19:28:09 +00:00
parent 9bdd666626
commit 438e3c85af

View File

@@ -1170,8 +1170,14 @@ export default function MiDiaPage({ accionesSesion }: { accionesSesion: Acciones
async function enviarCaptura(e: FormEvent) {
e.preventDefault()
setCapEnviando(true)
setCapMensaje(null)
// Teléfono: si se captura, deben ser 10 dígitos (la lada va aparte)
const digitosTel = capTelefono.replace(/\D/g, '')
if (capTelefono.trim() !== '' && digitosTel.length !== 10) {
setCapMensaje({ tipo: 'error', texto: 'El teléfono debe tener exactamente 10 dígitos' })
return
}
setCapEnviando(true)
try {
const telefono = componerTelefono(capLada, capTelefono)
const creado = await crearLead({
@@ -1914,12 +1920,15 @@ export default function MiDiaPage({ accionesSesion }: { accionesSesion: Acciones
<input
id="cap-telefono"
type="tel"
placeholder="664 123 4567"
inputMode="numeric"
maxLength={10}
placeholder="6641234567"
value={capTelefono}
onChange={(e) => setCapTelefono(e.target.value)}
onChange={(e) => setCapTelefono(e.target.value.replace(/\D/g, '').slice(0, 10))}
className={CLASE_INPUT}
/>
</div>
<p className="mt-1 text-xs text-[#64748B] dark:text-[#94A3B8]">10 dígitos, sin lada (la lada va en el selector)</p>
</div>
<div>
<label htmlFor="cap-email" className={CLASE_LABEL}>