Validation for html controls

Hi,

I have a query ..

i have a text box[ taken for age]

@Html.TextBox("Age", string.Empty, new { @class = "ControlWidth", ng_model = "age" , ng_keypress = "onlyNumbers($event)", type = "number", min=1 ,max=100 })

The above code display Spinner input control [type = "number"]

if i don't give any input and click on save button, then the validation error message executed successfully.See below is my validation code

if ($scope.age == "" || $scope.age==null ) {

$scope.errormsg = "Please Enter Age";

return false;

}

but if i given more than 100 like 101 then my validation message is not working. see below code.

if ($scope.age <1 || $scope.age>100 ) {

$scope.errormsg = "Range is 1 to 100 only";

return false;

}

Please find the below attachment.

Thanks in advanced

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Gokhul Varman9y ago
It is very simple just make some changes in your coding:https://www.sitepoint.com/html5-form-validation/
Anil Jha9y ago
Age is not identified whether it is integer or not. so you have to declare age variable.

Declare
$scope.age = 0
And then try to run your scripts.