why textbox is apper when i submit the data for the second.

Hi Frnds

i created Reg Form With Validation..this is working fine also..

in this form i added one textbox at run time...if i will get a error on a form that time it is showing..

and after filling the data if i will submit this form so text box is showing then gone..

i want to know that y it is showing then gone..

Model///

public class Employee
    {
       //[Required(ErrorMessage = "Name is Required")]
      [Required]
        [Display(Name = "Name")]
        //[RegularExpression(@"^[a-zA-Z]+$", ErrorMessage = "Name should be accept Char only")]
        [RegularExpression(@"^.{6,10}$", ErrorMessage = "Name should be of minimum 6 and maximum 10 characters")]

public string Name { get; set; }

        [Required(ErrorMessage = "Email is Required")]
        [Display(Name = "Email")]
        [RegularExpression(@"^([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}" + @"\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\" + @".)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$",
          ErrorMessage = "Email is not valid")]

        public string Email { get; set; }

        [Required(ErrorMessage = "Password is Required")]
        [Display(Name = "Password")]
        [RegularExpression(@"^(?=.*\d)(?=.*[a-zA-Z]).{4,8}$", ErrorMessage = "Password Should be contain atleast 1 Upper, 1 Lower and 1 number")]

        //Password Should be contain atleast 1 Upper, 1 Lower and 1 Special Character
        public string Password { get; set; }
    }

Controller///

public class EmployeeRegFormController : Controller
    {
        // GET: EmployeeRegForm
        public ActionResult Index()
        {
            return View();
        }

        [AcceptVerbs(HttpVerbs.Post)]
        public ActionResult Index(Employee model)
        {
            if (ModelState.IsValid)
            {
                ViewBag.Name = model.Name;
                ViewBag.Email = model.Email;
                ViewBag.Password = model.Password;
            }
           if(model.Name == null)
            {
                ModelState.AddModelError("", "Details is incorrect!");
            }
            return View(model);
       }
    }

Index/view/

@if (ViewData.ModelState.IsValid)
{
    if (@ViewBag.Name != null)
    {


                Name : @ViewBag.Name

                Email : @ViewBag.Email



    }
}

@using (Html.BeginForm())
{
@Html.ValidationSummary(true)

Employee

@Html.LabelFor(model => model.Name)

                @Html.EditorFor(model => model.Name)
                @Html.ValidationMessageFor(model => model.Name, "", new { @Style = "color:red" })

@Html.LabelFor(model => model.Email)

                @Html.EditorFor(model => model.Email)
                @Html.ValidationMessageFor(model => model.Email, "", new { @Style = "color:red" })

@Html.LabelFor(model => model.Password)

                @Html.EditorFor(model => model.Password, new { maxlength = 20, value = ViewBag.Selpwd })
                @Html.ValidationMessageFor(model => model.Password, "", new { @Style = "color:red" })

}

Hi Anu,

I think you are talking about preventing textbox from showing if the form is valid? If so, you have to check if the form is valid using jquery in the above function before creating the textbox as below -

function AddTextBox()
{

if($('#yourformid').valid())

{

}

else{
if (count <= 1) {
var div = document.createElement('DIV');
div.innerHTML = GetDynamicTextBox("");
document.getElementById("TextBoxContainer").appendChild(div);
}

}
}

Just go through below links. It may be helpful for you -

http://stackoverflow.com/questions/5052315/how-to-fire-jquery-function-only-if-form-is-valid

http://stackoverflow.com/questions/7651576/asp-net-mvc-validation-hook

http://stackoverflow.com/questions/35362106/how-to-in-asp-net-mvc-prevent-jquery-ajax-submit-if-validation-fails

9 Replies

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

Bikesh Srivastava10y ago
Hi,
Simply you contain textbox iside a div and apply jquery to hide and show according your condition.
Midhun Tp10y ago
Hi Anu,

I think you are talking about preventing textbox from showing if the form is valid? If so, you have to check if the form is valid using jquery in the above function before creating the textbox as below -
function AddTextBox()
{
if($('#yourformid').valid())
{
}
else{
if (count <= 1) {
var div = document.createElement('DIV');
div.innerHTML = GetDynamicTextBox("");
document.getElementById("TextBoxContainer").appendChild(div);
}
}
}

Just go through below links. It may be helpful for you -
http://stackoverflow.com/questions/5052315/how-to-fire-jquery-function-only-if-form-is-valid
http://stackoverflow.com/questions/7651576/asp-net-mvc-validation-hook
http://stackoverflow.com/questions/35362106/how-to-in-asp-net-mvc-prevent-jquery-ajax-submit-if-validation-fails
Vinay Singh10y ago
You need the mantain the state of textbox in a list and on postback just add newly added textbox
Anjali Khan10y ago
thanks for the update..but please chk again if i click on registered button textbox is coming for the second and gone.
but i want should not be apper when i registered with valid details..it i not apper but for the second it came..so how to solve this problem
Jinish Gandhi10y ago
Adding Two Button