Проверки в Clinetside с использованием JQuery в MVC3

Question

это мои модели.

public class Question
{

private string _questionNo;  
private string _questionText; 
private List<Option> _options;

public List<Option> Options
{
    get { return _options; }
    set { _options = value; }
}
public string QuestionNo
{
    get { return _questionNo; }
    set { _questionNo = value; }
} 
public string QuestionText
{
    get { return _questionText; }
    set { _questionText = value; }
} 

}

public class Option {

private string _optionText; 
private string _optionNumber; 
public string OptionText
{
    get { return _optionText; }
    set { _optionText = value; }
}
public string OptionNumber
{
    get { return _optionNumber; }
    set { _optionNumber = value; }
} 
}

это мой контроллер

   public ActionResult GetQuestion(int id,string gid)
    { 
        var vewmodel = ques.GetQuestion(Gid, Uid, id);
        return View(vewmodel);
    }

это мое мнение.

     @model mobilesurveys.mt.Models.Question  
     @{ ViewBag.Title = "Question"; }
    <div data-role="header" data-theme="b">
     <h1>
    @Model.SurveyName</h1>
    </div>
   @if (@Model.QuestionType == 7)
   {   
<div data-role="fieldcontain">
    @using (Html.BeginForm("SaveDropDown", "GetQuestion", Model))
    {
        @Html.AntiForgeryToken()

        <fieldset>
            <label class="select">@Model.QuestionText
            </label>
            <br />
            <select name="selectedObjects" id="selectchoice1" data-native-menu="false">
                <option value="--select--">--Select--</option> 
                @foreach (var item in Model.Options)
                {

                    if (@item.IsAnswer == true)
                    {
                    <option selected="selected"  value="@item.OptionNumber">@item.OptionText</option>
                    }
                    else
                    {
                    <option  value="@item.OptionNumber">@item.OptionText</option>
                    }

                }
            </select>
        </fieldset>
        <p>
            <input type="submit" value="Next" />
        </p>
    }
    </div>
   }

, поэтому я связываю оптоины на основе QuestionTypeId (RadioButtions, CheckBoxes, TextBox, Select).Теперь я хочу проверить данные на стороне клиента.Я использую Jquery Scripts.

Как мне написать валидацию.любая помощь приветствуется.

Спасибо.

Answer 1

Есть два метода. 1.Вы можете сделать это, добавив аннотацию в класс модели добавить вот эту строку в модель

[Required(ErrorMessage = "Title is required"), StringLength(230)]

таким образом добавьте аннотацию над переменной, где вы хотите.

Или 2.Вы можете использовать код JQuery для проверки. Я даю вам код

$(document).ready(function () {
        $("#SubmitForm").click(function (e) {
            var textContent = $("#TextContent").val();
            textContent = jQuery.trim(textContent);
            if (textContent == "") {
                alert("Content field cannot be empty.");
                $("#TextContent").focus();
                return false;
            }


        });
    });

Таким образом, вы можете проверить поле в jquery. Ответь мне, если найдешь пробу