スクリプト (以下の順序で含まれています):
/Scripts/jquery-1.10.2.min.js
/Scripts/jquery-ui-1.10.3.min.js
/Scripts/jquery.validate.min.js
/Scripts/jquery.validate.unobtrusive.min.js
モデル:
public class Users { [Key] [ScaffoldColumn(false)] public Guid UserID { get; 設定; }
[Required(AllowEmptyStrings = false, ErrorMessage = "Username required.")]
[StringLength(30, MinimumLength = 5, ErrorMessage = "Min: 5, Max: 30 characters")]
[Remote("IsUsername_Available", "Users", AdditionalFields = "Email", HttpMethod="Post", ErrorMessage = "Username already exists.")]
public string Username { get; set; }
[Required(AllowEmptyStrings = false, ErrorMessage = "Password required.")]
[StringLength(30, MinimumLength = 5, ErrorMessage = "Min: 5, Max: 30 characters")]
[DataType(DataType.Password)]
public string Password { get; set; }
}
意見:
@using (Ajax.BeginForm("Create",null,new AjaxOptions(){ UpdateTargetId="form1" }, new { id = "form1", @class = "small-forms" }))
{
<fieldset>
<legend>User Registration</legend>
<div class="form-row">
<div class="col1">@Html.LabelFor(m => m.Users.Username)</div>
<div class="col2">@Html.TextBoxFor(m => m.Users.Username, new { @class = "textbox" })</div>
@Html.ValidationMessageFor(m => m.Users.Username)
</div>
<div class="form-row">
<div class="col1">@Html.LabelFor(m => m.Users.Password)</div>
<div class="col2">@Html.PasswordFor(m => m.Users.Password, new { @class = "textbox" })</div>
@Html.ValidationMessageFor(m => m.Users.Password)
</div>
</fieldset>
}
コントローラ:
public JsonResult IsUsername_Available(string Username, string Email)
{
return Json(false, JsonRequestBehavior.AllowGet);
}
ユーザー名用に生成された HTML 入力タグ:
<input name="Users.Username" class="text-box single-line" id="Users_Username" type="text" data-val-required="Username required." data-val-length-min="5" data-val-length-max="30" data-val-length="Min: 5, Max: 30 characters" data-val="true" value=""/>
リモート検証属性が見つからないのは奇妙です。私はこれを解決するのに本当に苦労しています。どこで問題が発生しているのかわかりません。私を助けてください。