[CLOSED] Range data annotation not working with Textfiled

[PriceRightHTML5team]

Hi,

Mine is a Asp.Net MVC Razor view application.

Following is model

public class ForValidation
{
[Range(1, 100, ErrorMessage = "Invalid range")]
public decimal? AmtColumn { get; set; }
}

Following is my view

<script>
 var validate = function (btnSub) {
            var form = btnSub.up('form');
            if (form.isValid()) { }
            else
                return false;
            return true;
        };
</script>

@(Html.X().FormPanel()
.ID("pnlAddRecord")
...
...
Html.X().TextFieldFor(m => m.AmtColumn)
...
...
 .Buttons(
 Html.X().Button()
.ID("btnSubmit")
.DirectEvents(de =>
                    {
                        de.Click.Url = (Url.Action("ActionMethodName", "ControllerName"));
                        de.Click.EventMask.ShowMask = true;
                        de.Click.Before = "return validate(this)";
                        de.Click.FormID = "pnlAddRecord";
                    })
)
...
...

The issue I am facing is -> range validation is not working for textfield. But if I use a Numberfield as shown in the following url it works. http://mvc.ext.net/#/Models/Data_Annotations/

My requirement is to use a textfield.

Kindly provide inputs for the above.

Thanks.

[Daniil]

Hi @PriceRightHTML5team,

Well, a TextField doesn't support the Range validation.

Please clarify why you cannot use a NumberField.

[PriceRightHTML5team]

Hi Daniil,

Thanks for the reply.

using NumberField range validation worked.

So as to make a numberfield look as textfield and avoid numberfield default events (like mouse wheel updown) I have set the following properties.

 Html.X().NumberFieldFor(m => m.AmtColumn).HideTrigger(true).KeyNavEnabled(false).MouseWheelEnabled(false)