@model HelloWorldMvcApp.SampleViewModel
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
.field-validation-error {
<div class="col-md-6 col-md-offset-3">
<h1>Bootstrap UI control disable sample</h1>
<legend> Personal Inforamtion </legend>
<lable for="flname"> Name </label>
<input id="flname" disabled="disabled" type="text" class="form-control" placeholder="Enter Your Name" >
<label for="gender">Gender</label>
<select id="gender" name="gender" class="form-control">
<fieldset disabled="disabled">
<legend> Status Details - fieldset is disabled </legend>
<label><input type="radio" name="grpLocation" value="Local" />Local</label>
<label><input type="radio" name="grpLocation" value="Out of State" /> Out of Statae </label>
<label><input type="radio" name="grpLocation" value="International" /> International </label>
<label><input type="checkbox" value="Graduate"/>Graduate</label>
<label><input type="checkbox" value="Masters"/>Masters</label>
<label><input type="checkbox" value="PHD"/>PhD</label>
<legend> Color code on controls </legend>
<div class="form-group has-success">
<lable for="flname"> Border with green </label>
<input id="flname" disabled="disabled" type="text" class="form-control" placeholder="Enter Your Name" >
<div class="form-group has-warning">
<label for="gender">Gender</label>
<select id="gender" name="gender" class="form-control">
<div class="form-group has-error">
<lable for="asdf"> Display in RED </label>
<input id="asdf" type="text" class="form-control" placeholder="Enter Your Name" >
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script src="//ajax.aspnetcdn.com/ajax/mvc/4.0/jquery.validate.unobtrusive.min.js"></script>
<script type="text/javascript">
function openAlert(txt) {
$('.alert-content').text(txt);
$('.alert').addClass('in');
$('.alert').removeClass('in');
var answer = '@Model.Answer';
if(answer && answer != '')
$('#Question').change(closeAlert);
$('#Question').keyup(closeAlert);
$('.submit').click(function(){
url: '@Url.RouteUrl(new{ action="GetAnswer", controller="Home"})',
data: {Answer: '', Question: $('#Question').val()},
contentType: "application/json; charset=utf-8",
success: function(resp) {