Remove (Hide) space when no Validation Error message in ASP.Net MVC

sunnyk21

SOLVED CLOSED ACTIVE ANSWERED
User: sunnyk21
Posted: on Mar 29, 2019 12:44 AM
Forum: ASP.Net MVC
Answer: 1
Views: 8946
Sample Code: Download

I am having a form in which i am doing client side validation but also doing server side validation.

my issue is in the form server side validation is working only for one field and if there is no error still the page is acquiring that much space which was allocation for validation summary

    public class LandDetailController : Controller
    {        
        // GET: LandDetail
        public ActionResult Index()
        { 
            CPSE_Landdetails cs = new CPSE_Landdetails();
            cs.PsuList = GetPsu();
            return View(cs);
        }

        [HttpPost]
        public ActionResult Index(CPSE_Landdetails cs)
        {
            if (!string.IsNullOrEmpty(cs.LandFreeHold))
            {
                string landfree = @"^[0-9]\d{0,9}(\.\d{1,3})?%?$";
                Regex re = new Regex(landfree);

                if (!re.IsMatch(cs.LandFreeHold))
                {
                    ModelState.AddModelError("LandFreeHold", "Land Entry Should Be Minimum uptp 2 Decimal Places( e.g. 10.02)");
                }
            }
            if (!string.IsNullOrEmpty(cs.LandFreeHold_Mutated))
            {
                string landfree = @"^[0-9]\d{0,9}(\.\d{1,3})?%?$";
                Regex re = new Regex(landfree);

                if (!re.IsMatch(cs.LandFreeHold_Mutated))
                {
                    ModelState.AddModelError("LandFreeHold_Mutated", "Land Free Hold Mutated Entry Should Be Minimum uptp 2 Decimal Places( e.g. 10.02)");
                }
            }
            cs.PsuList = GetPsu();            
            
            return View(cs);
        }
    }

@model CPSEDetail.Models.CPSE_Landdetails
@{
    /**/
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_LayoutPage1.cshtml";
}

<div class="container" style="margin-top:20px">
    @if (!ViewData.ModelState.IsValid)
    {
        <span class="field-validation-error">@Html.ValidationMessage("LandFreeHold")</span><br />
        <span class="field-validation-error">@Html.ValidationMessage("LandFreeHold_Mutated")</span><br />
    }
    @using (Html.BeginForm("Index", "LandDetail", FormMethod.Post))
    {
        <div class="card">
            <div class="card-header">
                <table width="1024">
                    <tr>
                        <td valign="bottom"><label>Choose PSU</label></td>
                        <td>@Html.DropDownListFor(model => model.CPSE_id, Model.PsuList, "-- Choose PSU --", new { @class = "form-control", required = "required" })</td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="card" style="margin-top:20px">
            <div class="card-header alert-danger"><label>Land Details</label></div>
            <div class="card-body">
                <table width="1024">                    
                    <tr>                        
                        <td valign="bottom"><label style="margin-left:30px">Land Free Hold</label></td>
                        <td>@Html.TextBoxFor(model => model.LandFreeHold, new { @class = "form-control", required = "required", @*@step = ".0001", @min = "0",*@type = "number", @step = "0.0001"})</td>
                    </tr>
                    <tr>
                        <td valign="bottom"><label>Land Free Hold Mutated</label></td>
                        <td>@Html.TextBoxFor(model => model.LandFreeHold_Mutated, new { @class = "form-control", required = "required", type = "number", @step = "0.0001" })</td>                       
                    </tr> 
                </table>
            </div>
        </div>
        <div style="text-align:center;margin-top:20px">
            <input type="submit" value="Submit Information" class="btn btn-primary" />
        </div>

    public partial class CPSE_Landdetails
    {
        public string CPSE_id { get; set; }
        public string Land_Status { get; set; }
        public string LandFreeHold { get; set; }
        public string LandFreeHold_Mutated { get; set; }
        public string LandFreeHold_NonMutated { get; set; }
        public string LandFreeHole_Other { get; set; }
        public string LandFreeHold_unit { get; set; }
        public string LandLeaseHold { get; set; }
        public string LandleaseHold_Remarks { get; set; }
        public string LandTotal { get; set; }
        public List<SelectListItem> PsuList { get; set; }
    }

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 5

Reply
ANSWER
User: dharmendr
Replied: on Apr 01, 2019 12:39 AM
Modified: on Apr 01, 2019 12:40 AM
Report

Hi sunnyk21,

For hiding the space you need to check with another if condition with ViewData.ModelState.IsValidField.

If the IsValidField is not valid then only render the ValidationMessage.

Check this example. Now please take its reference and correct your code.

Model

public class CustomerModel
{
    public int Id { get; set; }
    public string LandFreeHold { get; set; }
    public string LandFreeHold_Mutated { get; set; }
    public List<SelectListItem> PsuList { get; set; }
}

Controller

public class HomeController : Controller
{
    // GET: /Home/
    public ActionResult Index()
    {
        CustomerModel cs = new CustomerModel();
        cs.PsuList = GetPsu();
        return View(cs);
    }

    [HttpPost]
    public ActionResult Index(CustomerModel cs)
    {
        if (!string.IsNullOrEmpty(cs.LandFreeHold))
        {
            string landfree = @"^[0-9]+(\.[0-9]{1,4})$";
            System.Text.RegularExpressions.Regex re = new System.Text.RegularExpressions.Regex(landfree);
            if (!re.IsMatch(cs.LandFreeHold))
            {
                ModelState.AddModelError("LandFreeHold", "Land Entry Not Valid");
            }
        }
        if (!string.IsNullOrEmpty(cs.LandFreeHold_Mutated))
        {
            string landfree = @"^[0-9]\d{0,9}(\.\d{1,3})?%?$";
            System.Text.RegularExpressions.Regex re = new System.Text.RegularExpressions.Regex(landfree);

            if (!re.IsMatch(cs.LandFreeHold_Mutated))
            {
                ModelState.AddModelError("LandFreeHold_Mutated", "Land Free Hold Mutated Entry Should Be Minimum upto 2 Decimal Places( e.g. 10.02)");
            }
        }
        cs.PsuList = GetPsu();
        return View(cs);

    }

    private List<SelectListItem> GetPsu()
    {
        List<SelectListItem> List = new List<SelectListItem>();
        List.Add(new SelectListItem { Text = "A", Value = "1" });
        List.Add(new SelectListItem { Text = "B", Value = "2" });
        List.Add(new SelectListItem { Text = "C", Value = "3" });
        return List;
    }
}

View

<%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage<_Client_Server_Side_Validation_MVC.Models.CustomerModel>" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Index</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
    <style type="text/css">
        table
        {
            border-collapse: collapse;
        }        
        td
        {
            padding-top: .5em;
            padding-bottom: .5em;
        }
        .error
        {
            color: red;
        }
        .field-validation-error
        {
            color: #e80c4d;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div class="container" style="margin-top: 20px">
        <%if (!ViewData.ModelState.IsValid) { %>
            <%if (!ViewData.ModelState.IsValidField("LandFreeHold")) {%>
                <span class="field-validation-error"><%:Html.ValidationMessage("LandFreeHold")%></span><br />
            <%} %>
            <%if (!ViewData.ModelState.IsValidField("LandFreeHold_Mutated")) {%>
                <span class="field-validation-error"><%:Html.ValidationMessage("LandFreeHold_Mutated")%></span><br />
            <%} %>
        <%} %>
        <% using (Html.BeginForm("Index", "Home", FormMethod.Post)) {%>
        <table width="100%">
            <tr>
                <td valign="bottom"><label>Land Status</label></td>
                <td><%:Html.DropDownListFor(model => model.PsuList, Model.PsuList, "-- Choose PSU --",new { @class = "form-control", required = "required" })%></td>
            </tr>
            <tr>
                <td><label style="margin-left: 30px">Land Free Hold</label></td>
                <td><%:Html.TextBoxFor(model => model.LandFreeHold, new { @class = "form-control", required = "required"  })%></td>
            </tr>
            <tr>
                <td><label style="margin-left: 30px">Land Free Hold Mutated</label></td>
                <td><%:Html.TextBoxFor(model => model.LandFreeHold_Mutated, new { @class = "form-control", required = "required" })%></td>
            </tr>
        </table>
        Choose PSU:<br /><br /><input type="submit" value="Submit Information" class="btn btn-primary" />
        <% } %>
    </div>
</body>
</html>

Screenshot

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Remove (Hide) space when no Validation Error message in ASP.Net MVC

Company

Explore

Follow us

Contact Us