Simple Validation in MVC RSS

• • Reply
  

  MVC User

  Member

  6 Points

  27 Posts

  Simple Validation in MVC

  Dec 31, 2012 09:04 AM|LINK

  Hi

  I need to add client side validation.

  I have a form with two fileds Name and phone number. I have a submit button and the form should get submitted only when one of these two is entered. I cannot mark both the fields as Required as the form can get submitted when only one of them is selected.

• • Reply
  

  quantt

  Member

  215 Points

  38 Posts

  Re: Simple Validation in MVC

  Dec 31, 2012 09:26 AM|LINK

  You should be use DataAnnotations on Model :

  public class User
      {
          [Required]
          public string Name { get; set; }
          
          [Required]
          public string Phone { get; set; }
      }

  And use this model in view

  @model User
  
  <script type="text/javascript" src="@this.Url.Content("~/Scripts/Libs/jquery.min.js")"> </script>
  <script type="text/javascript" src="@this.Url.Content("~/Scripts/Libs/jquery.unobtrusive-ajax.min.js")"> </script>
  <script type="text/javascript" src="@this.Url.Content("~/Scripts/Libs/jquery.validate.min.js")"> </script>
  <script type="text/javascript" src="@this.Url.Content("~/Scripts/Libs/jquery.validate.unobtrusive.min.js")"> </script>
  @using(Html.BeginForm("Index","User"))
  {
     <div>
          @Html.LabelFor(d=>d.Name)
          @Html.TextBoxFor(d=>d.Name)
          @Html.ValidationMessageFor(d=>d.Name)
     </div>
     <div>
          @Html.LabelFor(d=>d.Phone)
          @Html.TextBoxFor(d=>d.Phone)
          @Html.ValidationMessageFor(d=>d.Phone)
     </div>
     <input type="submit" value="Submit"/>
  }

  
  
  

  Regards,
  Quan Truong
  
  Please, click 'Mark as answer' if you think my answer really help you. Thanks
  • Edited by quantt on Dec 31, 2012 09:27 AM
• • Reply
  

  ignatandrei

  All-Star

  134491 Points

  21566 Posts

  Moderator

  MVP

  Re: Simple Validation in MVC

  Dec 31, 2012 09:38 AM|LINK

  add javascript to your button click.

  Verify if one fields are completed

  If yes, submit the form.

  My .NET blog : http://msprogrammer.serviciipeweb.ro/ |2012 Programmer tools
• • Reply
  

  MVC User

  Member

  6 Points

  27 Posts

  Re: Simple Validation in MVC

  Dec 31, 2012 09:41 AM|LINK

  I do not have a model.

  I just have a view and controller redirects to a different url when one of this value is entered.

• • Reply
  

  MVC User

  Member

  6 Points

  27 Posts

  Re: Simple Validation in MVC

  Dec 31, 2012 09:41 AM|LINK

  can you give a simple code for this.

• • Reply
  

  quantt

  Member

  215 Points

  38 Posts

  Re: Simple Validation in MVC

  Dec 31, 2012 11:10 AM|LINK

  MVC User

  I do not have a model.

  I just have a view and controller redirects to a different url when one of this value is entered.

  You can try as below :

  <script type="text/javascript" src="@this.Url.Content("~/Scripts/Libs/jquery.min.js")"> </script>
  <script type="text/javascript" src="@this.Url.Content("~/Scripts/Libs/jquery.validate.min.js")"> </script>
  <script>
    $(document).ready(function(){
      $("#userForm").validate();
    });
  </script>
  @using(Html.BeginForm("Index","User",FormMethod.Post, new { id="userForm"}))
  {
     <div>
          <label>Name</label>
          @Html.TextBox("Name","",new {@class="required"})
     </div>
     <div>
          <label>Phone</label>
          @Html.TextBox("Phone","",new {@class="required"})
     </div>
     <input type="submit" value="Submit"/>
  }

  
  
  

  Regards,
  Quan Truong
  
  Please, click 'Mark as answer' if you think my answer really help you. Thanks
• • Reply
  

  sp00k

  Participant

  1916 Points

  435 Posts

  Re: Simple Validation in MVC

  Dec 31, 2012 11:11 AM|LINK

  <script type="text/javascript">
  $(function(){
  if ($("#name").val() != "" || $("#phone").val() != "")
   $("#form").submit();
  });
  </script>

  Challenge the best, die like the rest.
• • Reply
  

  MVC User

  Member

  6 Points

  27 Posts

  Re: Simple Validation in MVC

  Dec 31, 2012 12:45 PM|LINK

  This allows me to proceed only when both the fields have value. I want value either in Name or Phone. How do I check that?

  If there is value in Name then proceed and if there is value in phone then proceed. If there is no value in both the fields then give error message.

  And to be very correct my second control is a drop down and not a text box.

  <select id=country required>

       <option value="Empty"></option>

       <option value="US">US</option>

       <option value="India">India</option>

  </select>

   

• • Reply
  

  raduenuca

  All-Star

  24675 Points

  4250 Posts

  Re: Simple Validation in MVC

  Jan 01, 2013 12:29 PM|LINK

  This should do the trick:

  <!DOCTYPE html>
  <html lang="en">
      <head>
          <meta charset="utf-8" />
          <title></title>
          <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js" type="text/javascript"></script>
          <script src="http://ajax.microsoft.com/ajax/jquery.validate/1.6/jquery.validate.min.js" type="text/javascript"></script>
          <script type="text/javascript">
              $(document).ready(function(){
                  $("#userForm").validate({
                      rules: {
                          name: {
                              required: {
                                  depends: function(element) {
                                      return $('#country').val() == 'Empty';
                                  }
                              }
                          },
                          country: {
                              required: {
                                  depends: function(element) {
                                      return $('#name').val() == '';
                                  }
                              }
                          }
                      },
                      messages: {
                          name: 'Please enter your first name',
                          country: 'Please select a country'
                      }
                  });
              });
          </script>
      </head>
      <body>
          <form id="userForm">
              <div>
                  <label>Name</label>
                  <input type="text" id="name" name="name" />
              </div>
              <div>
                  <label>Phone</label>
                  <select id="country" name="country">
                      <option value="Empty"></option>
                      <option value="US">US</option>
                      <option value="India">India</option>
                  </select>
              </div>
              <input type="submit" value="Submit" />
          </form>
      </body>
  </html>

  Please click 'Mark as Answer' if my reply has assisted you
  
  Radu Enuca | Blog
  • Marked as answer by Young Yang - MSFT on Jan 07, 2013 02:15 AM
• • Reply
  

  0ramramram0

  Member

  305 Points

  73 Posts

  Re: Simple Validation in MVC

  Jan 01, 2013 12:43 PM|LINK

  Refer this

  http://weblogs.asp.net/scottgu/archive/2010/01/15/asp-net-mvc-2-model-validation.aspx

  http://www.codeproject.com/Articles/422573/Model-Validation-in-ASP-NET-MVC