2

Necesito delimitar el input de un usuario entre 0.1~9999. El control se está pintando con @html.TextBox sin usar dataanotations con alguna función Js, Jquery o atributo de HTML5.

¿Alguna idea?

3 respuestas 3

1

Con este código puedes resolver el problemas:

@Html.TextBoxFor(m => m.Cantidad, new { type="number", min="0.1", 
max="9999",  step="0.1"})

La parte new { type="number", min="0.1", max="9999", step="0.1"} es para enviarle un diccionario con los parametros html.

Asi, el helper Html.TextBox sabra que ponerle al momento de dibujarlo.

Nota: Para agregar una clase, debes usar @class='MiClase'

Esto te dara un resultado del siguente código:

<input name='Cantidad' id='Cantidad' type='number' 
min='0.1' max='999' step='0.1'>

Saludos.

3
  • 5
    Podrías agregar una explicación en que consiste ese código?
    – devconcept
    Commented el 31 ago. 2016 a las 13:50
  • Por favor brinda más detalles sobre este código. Recuerda que a futuro habrán usuarios menos experimentados deseosos de aprender que pueden revisar esta publicación.
    – user227
    Commented el 31 ago. 2016 a las 14:06
  • lo que hace ese código es agregar los atributos HTML
    – fredyfx
    Commented el 31 ago. 2016 a las 22:42
0

Lo que buscas es un <input type='number'>, como p. ej.:

<input type='number' min='0.1' max='9999' step='0.1'>

Mira un ejemplo, y consulta la documentación.

2
  • Al utilizar type=number el control se pinta con un selector de valores no en un textbox
    – Kram_
    Commented el 31 ago. 2016 a las 11:19
  • En realidad depende del navegador. En la mayoría de los casos un <input type='number'> sigue siendo un campo de texto, pero en el que sólo se pueden escribir números. Lo cual, para la mayoría de los casos de uso, es una buena idea. Commented el 31 ago. 2016 a las 11:42
0

Si lo quieres hacer con HTML5 tienes los atributos min y max en el input, aunque pienso que lo mejor seria hacer código con javascript y luego volver a comprobar en el servidor.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.