2014-10-06 15 views

回答

1

你有JQuery的AutoTab插件 - http://autotab.mathachew.com/

下載AutoTab民JS - https://github.com/Mathachew/jquery-autotab/blob/master/js/jquery.autotab.min.js

可以說我有一個模型 -

public class Details 
{ 
    public string Name { get; set; } 
    public string Email { get; set; } 
} 

現在創建一個視圖 -

@model YourNameSpave.Details 

@{ 
    ViewBag.Title = "GetData"; 
} 

<h2>GetData</h2> 

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

    <fieldset> 
     <legend>Details</legend> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.Name) 
     </div> 
     <div class="editor-field"> 
      @Html.TextBoxFor(model => model.Name, new { @class = "alphanumeric", maxlength = 10}) 
      @Html.ValidationMessageFor(model => model.Name) 
     </div> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.Email) 
     </div> 
     <div class="editor-field"> 
      @Html.TextBoxFor(model => model.Email, new { @class = "alphanumeric", maxlength = 10}) 
      @Html.ValidationMessageFor(model => model.Email) 
     </div> 

     <p> 
      <input type="submit" value="Create" /> 
     </p> 
    </fieldset> 
} 

<script src="~/Scripts/jquery-1.8.2.min.js"></script> 
<script src="~/Scripts/jquery.autotab.min.js"></script> 

<script> 
    $(function() { 
     $('.alphanumeric').autotab(); 
    }); 
</script> 

現在您將獲得自動註冊功能,如您所願。

enter image description here