Create validation using jquery in mvc

Question

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

Jignesh Kumar · 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/

Amit Kumar · Answer

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.

Gajendra Jangid · Answer

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

sonal malhotra · Answer

hi Laxmidhar Sahoo,   $("input# address ") .css('background-color', 'red');   it has no input attribute tag within form. is it working in jquery?

Laxmidhar Sahoo · Answer

@Html.TextBox(  "address" , Model.Address)   @Html.TextBoxFor(  model => model.Address )         @section PageScripts{        "/Content/themes/base/jquery.ui.all.css"  rel= "stylesheet"  type= "text/css"  />        "/Scripts/jquery-ui-1.8.11.js"  type= "text/javascript" >         "text/javascript" >           $(document).ready( function  () {               $( "input# address " ) .css( 'background-color' ,  'red' );              });           }