NECESITO QUE UN CAMPO DE TEXTO SEA OBLIGATORIO

[victormanuelcb]

HOLA, DESEO SABER QUÉ HACER PARA QUE UN CAMPO DE TEXTO EN UN PRODUCTO CREADO EN UNA PLANTILLA ESPECIAL EN UN LIQUID PERSONALIZADO Y QUIERO QUE FUNCIONE. YA TENGO UN CÓDIGO APLICADO.

<style>
.text-area {
min-height: 1rem !important;
resize: none;
}
</style>
<label for="USERNAME" class="form__label">USERNAME</label>
<div class="field">
<input id="USERNAME" class="text-area field__input" placeholder="USERNAME" name="properties[USERNAME]"form="product-form-{{ section.id }}" required maxlength="31" style="padding-top: 2px !important;" size="20">
</div>

ALLÍ ENVÍO CÓMO LUCE EN LA PÁGINA

PERO EL PROBLEMA RADICA EN LO SIGUIENTE ....

DE FORMA OBLIGATORIA EL CLIENTE DEBE INGRESAR EL "USERNAME" SI NO LO INCLUYE NO DEBERÍA FUNCIONAR EL BOTÓN "COMPRAR AHORA" SINO SALIR UN  MENSAJE QUE DIGA "CAMPO OBLIGATORIO" O ALGO PARECIDO. EL PUNTO ES QUE  NO SE PUEDA CONTINUAR SIN ESE DATO OBLIGATORIO. CON EL CÓDIGO ACTUAL NO FUNCIONA YA QUE EL CLIENTE COMPRÓ SIN INGRESAR "EL USERNAME"

[Javier]

Hola @victormanuelcb,

Gracias por ponerte en contacto y por compartir el código que estás usando. 

Solo para aclarar, modificaciones de código quedan fuera del alcance del soporte de Shopify. 

Si no te cuentas con tu propio desarrollador, tienes estas opciones para recibir una respuesta para tu duda:

• Esperar a uno de los desarrolladores que participan en estos foros responden a tu pregunta en este hilo.
   
• Subir tu pregunta en los foros para los desarrolladores en inglés
   
• Contratar a uno de los expertos de nuestro Mercado de Expertos

Si eres un desarrollador mismo, otra cosa que puedes hacer es juntar a nuestro grupo de Discord para los desarrolladores de Shopify aquí y subir tu pregunta allá. 

Saludos, 

[Pedro_73]

Seguramente sea porque el formulario tiene el atributo 'novalidate'. Se lo tienes que quitar o pasar a 'validate'.

 

Saludos