Asp.Net Mvc Form does not post? - asp.net-mvc

Question

view
#model Osos12Mvc3.Models.TblSayaclar
<script src="#Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="#Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
<div id="div_dialog_container" class="dialog_container">
#using (Html.BeginForm((string)ViewBag.FormAction, "Sayac"))
{
<div id="div_iu_form_container" class="ui_form_container">
<div>#Html.ValidationSummary(true, "Sayaç Kaydı Başarısız! Lütfen Bilgileri Kontrol Ediniz.")
</div>
<table>
<thead>
<tr>
<th colspan="2">
Genel Bilgiler
</th>
</tr>
</thead>
<tbody>
<tr>
<td>#Html.LabelFor(x => x.TblMusteriler.musteri_adi):
</td>
<td>#Html.DropDownList("sno", (SelectList)ViewBag.musteri_id, "--Müşteri Seçiniz--")
</td>
</tr>
</tbody>
<tfoot>
</tfoot>
</table>
<table class="table_ui_buttons">
<thead>
<tr>
<th colspan="2">
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input type="submit" value="Kaydet" />
</td>
<td>
</td>
</tr>
</tbody>
</table>
</div>
}
</div>
controller
public ActionResult SayacEkle()
{
var musteriler = entity.TblMusteriler.Select(x => new { x.sno, x.musteri_adi });
ViewBag.musteri_id = new SelectList(musteriler.AsEnumerable(), "sno", "musteri_adi");
return ContextDependentView(new TblSayaclar());
}
Im using validationsummary in my view. When I clicked submit dropdownlist color change to red. (like required field). I dont understand that state. I debugged post event, It did not posted. Post action was not firing.
This is the Html Source:
<select data-val="true" data-val-number="The field sno must be a number." data-val-required="The sno field is required." id="sno" name="sno" class="input-validation-error"><option value="">--Müşteri Seçiniz--</option>
AliRıza Adıyahşi
What is the wrong?
Thanks

Answer 1

When I clicked submit dropdownlist color change to red. (
If your view model property is marked with the Required attribute then it is normal that it gets validated:
[Required]
public string Sno { get; set; }
There are 2 levels of validation which run in that order:
Client side validation (not enabled by default, implement with jquery ubnobtrusive => prevent the form from being submitted)
Server side validation
If you are using client side validation (unobtrusive javascript) and you have a model error then the form will not even be posted to the server. The user needs to first fix his errors before being able to submit the form.