Create validation using jquery in mvc

sonal malhotra

7y1.1k

hello,

1)how to create validation (color red change to green ) using jquery in mvc.

if you know validation of Html Helpers in mvc not simple html control

then send demo source code..

2) create a navigation menu using jquery

it means when item get selected then each menu item should have its area to show

..please send both source code

5 Replies

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

Jignesh Kumar7y ago
Accepted answer
Hi Sonal,

Please find below links,

1) Jquery Validation :
https://www.c-sharpcorner.com/article/asp-net-mvc5-jquery-form-validator/
https://forums.asp.net/t/1978594.aspx?MVC+5+JQuery+Validation+Submitt+not+working

2) Jquery Navigation Menu
https://www.c-sharpcorner.com/article/customizing-navbar-in-mvc-5-with-bootstrap/
https://www.c-sharpcorner.com/article/bootstrap-for-beginners-navigation-bar-part-eleven2/
0
Amit Kumar7y ago
Hi,
You can do it very easily. First create a class then then use it on those cotrols which you want to validate.

For example.
.redError{
        border:1px solid green;
    }

use this class on controls when validation is false like this.
$("#tblAddressDetails").addClass('redError');
if validation is true then use like this.
$("#tblAddressDetails").removeClass('redError');
full code like.
if($("#tblAddressDetails").val() == null || $("#tblAddressDetails").val() == "")
{
$("#tblAddressDetails").addClass('redError');
return false;
}
else{
$("#tblAddressDetails").removeClass('redError');
}
I hope it will help you.
0
Gajendra Jangid7y ago
hello sonal,

try following links will help you:

https://www.c-sharpcorner.com/article/asp-net-mvc5-jquery-form-validator/
https://www.aspsnippets.com/Articles/Model-validation-using-jQuery-in-ASPNet-MVC-Razor.aspx
0
sonal malhotra7y ago
hi Laxmidhar Sahoo,

$("input# address ") .css('background-color', 'red');

it has no input attribute tag within form. is it working in jquery?
0
Laxmidhar Sahoo7y ago
1. @Html.TextBox( "address", Model.Address)
2. @Html.TextBoxFor( model => model.Address )
5. @section PageScripts{
6. "/Content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" />
7. "/Scripts/jquery-ui-1.8.11.js" type="text/javascript">
8. "text/javascript">
9. $(document).ready(function () {
10. $("input# address ") .css('background-color', 'red');
12. });
14. }
0