Display required message if TextBox is empty on Button Click in ASP.Net MVC

mahesh21...

SOLVED CLOSED ACTIVE ANSWERED
User: mahesh213
Posted: on May 26, 2020 06:38 AM
Forum: ASP.Net MVC
Answer: 1
Views: 14082

Hi,

Display alert message if there is no validations after clicking of submit button

I have 2 textboxes for that i have required validations

currently my requirement is that after clicking of sumit button if everything is valid (no errors) then display success message else display relevant errors

could you please help me

<html>
<head>

    <script type="text/javascript">

        function NameValidation() {
            var focusSet = false;
            if (!$('#txtName').val()) {
                if ($("#txtName").parent().next(".validation").length == 0) 
                {
                    $("#txtName").parent().after("<div class='validation' style='color:red;margin-bottom: 20px;'>Name is Required</div>");
                }
                e.preventDefault(); 
                $('#txtName').focus();
                focusSet = true;
            } else {
                $("#txtName").parent().next(".validation").remove(); 
            }
        }

        function AgeValidation() {
            var focusSet = false;
            if (!$('#txtAge').val()) {
                if ($("#txtAge").parent().next(".validation").length == 0) 
                {
                    $("#txtAge").parent().after("<div class='validation' style='color:red;margin-bottom: 20px;'>Age is Required</div>");
                }
                e.preventDefault(); 
                $('#txtAge').focus();
                focusSet = true;
            } else {
                $("#txtAge").parent().next(".validation").remove(); 
            }
        }

        function Save() {
        }
    </script>
   
</head>
<body>
    @Html.TextBoxFor(a => a.Name, new { @id = "txtName" ,@onblur = "NameValidation()" })
    <br />
    @Html.TextBoxFor(a => a.Age, new { @id = "txtAge", @onblur = "AgeValidation()" })
    <input type="button" value="Save" onclick="Save()" />
</body>
</html>

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

dharmend...

0 2

Reply
ANSWER
User: dharmendr
Replied: on May 26, 2020 07:01 AM
Modified: on May 26, 2020 11:33 AM
Report

Hi mahesh213,

Refer below sample code.

Model

public class StudentModel
{
    public string Name { get; set; }
    public int Age { get; set; }
}

Controller

public class HomeController : Controller
{
    // GET: Home
    public ActionResult Index()
    {
        return View(new StudentModel());
    }
}

View

@model Add_TextBox_Validation_MVC.Models.StudentModel

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        function Save() {
            $('.validation').remove();
            var isValid = false;
            if ($('#txtName').val() == '') {
                $('#txtName').focus();
                $("#txtName").after("<div class='validation' style='color:red;margin-bottom: 20px;'>Name is Required</div>");
                return false;
            } else {
                $("#txtName").next('.validation').hide();
                isValid = true;
            }

            if ($('#txtAge').val() == '') {
                $('#txtAge').focus();
                $("#txtAge").after("<div class='validation' style='color:red;margin-bottom: 20px;'>Age is Required</div>");
                return false;
            } else {
                $("#txtAge").next('.validation').hide();
                isValid = true;
            }
            if (isValid) {
                alert('Form is valid.');
            }
        }
    </script>
</head>
<body>
    @Html.TextBoxFor(a => a.Name, new { @id = "txtName" })
    <br />
    @Html.TextBoxFor(a => a.Age, new { @id = "txtAge" })
    <input type="button" value="Save" onclick="Save()" />
</body>
</html>

Screenshot

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

Display required message if TextBox is empty on Button Click in ASP.Net MVC

Company

Explore

Follow us

Contact Us