smartwizard 未验证的场景

Question

问题

我在 MVC C# 中工作，在两种情况下智能向导无法通过验证。希望我能得到一些帮助。

场景

<div id="step-1">
    <h2><i class="fa fa-address-card-o"></i><u>Information</u></h2>
    <div id="form-step-0" role="form" data-toggle="validator">
    <div class="form-group">
      <input type="text" class="form-control" name="name" id="email" placeholder="Write your name" required>
      <div class="help-block with-errors"></div>
    </div>
</div>

1) 现在上面的代码工作正常并且验证正常，但是如果我打算格式化我的表单并添加（下面的代码）以形成两行。即使标记为必填的字段为空，表单也会通过验证并继续下一步。

<div id="form-step-0" role="form" data-toggle="validator">
    <div class="row">
        <div class="col-lg-6">

2) 如果我删除行和列以便它工作，但我将输入类型替换为这个

 <div class="col-lg-10">
   @Html.LabelFor(model => model.middleName, new { @class = "control-label" })
   <div class="col-lg-10">
     @Html.EditorFor(model => model.middleName, new { htmlAttributes = new { @class = "form-control required" } })
     <div class="help-block with-errors"></div>
   </div>
 </div>

验证将再次无效，我怀疑这可能是因为 "required" 分配错误但我不知道正确的方法。

如能指导我完成这些验证，我们将不胜感激。

此致

Answer 1

您同时遇到了表单验证和向导步骤验证问题。

对于问题 #1，Smart Wizard doesn't validate each step。那是你必须自己编写代码的东西。即使您拥有正确的 HTML 语法并看到验证错误，向导也会让用户转到下一步，除非您实施 onLeaveStep 回调。

对于问题 #2，您有：

@Html.EditorFor(model => model.middleName, new { htmlAttributes = new { @class = "form-control required" } })

但是required不是CSSclass，它是一个输入属性。更改您的 Razor 语法以反映这一点。

@Html.EditorFor(model => model.middleName, new { htmlAttributes = new { @class = "form-control", required = "required" } })

smartwizard 未验证的场景

Scenarios where smartwizard is not validating

jquery

asp.net-mvc

smart-wizard