1

如何有条件地禁用某些字段的客户端验证？

这是我需要做的示例：

  • 用户填写姓名和地址并提交。
  • 两者都经过服务器和客户端的验证。如果验证通过，电子邮件将发送到给定地址并存储（名称，地址）对。
  • 作为响应显示相同的页面（我不想重定向！）这次确认。用户可以重新输入他们的姓名并提交。在这种情况下，电子邮件将被重新发送到与给定名称对应的地址。

它不起作用，因为：当用户单击第二个（确认屏幕）上的重新发送按钮时，客户端验证将不会通过。它会说电子邮件是必需的，即使没有字段。如何在确认页面发送给用户之前禁用 javascript 验证电子邮件？

示例 ASP.NET MVC 页面

<%if (Model.Confirm == false){ %>
    <% using (Html.BeginForm()) { %>
        Your email: <%: Html.EditorFor(m => m.Email) %>
        Your name: <%: Html.EditorFor(m => m.Name) %>
        <input type="submit" value="Send Email" />
    <% } %>
<%} else{ %>
    The e-mail was send! You can write your name and click button to resend it.
    <% using (Html.BeginForm()) { %>
        Your name: <%: Html.EditorFor(m => m.Name) %>
        <input type="submit" value="Resend me email again" />
    <% } %>
<% } %>

在模型中，两者Email都是Name强制执行客户端验证的必填字段。

示例控制器操作

 public ActionResult Index(){
     return new MyModel {Confirm = false;}
 }

 [HttpPost]
 public ActionResult Index(MyModel model){
     if(DataHelper.isKnown(model.Name)){
         //send e-mail to the address corresponding to name in database 
     }
     if(!ModelState.IsValid) {
         return View(model);
     }
     //Send e-mail to address in email
     //store pair name->email to database
     model.Confirm = true;
     return View(model);
 }
4

4 回答 4

2

这只是一个简单的解决方案，我将隐藏电子邮件字段以进行第二次确认并保留其价值。

<%} else{ %>
    The e-mail was send! You can write your name and click button to resend it.
    <% using (Html.BeginForm()) { %>
        <%: Html.HiddenFor(m => m.Email) %>
        Your name: <%: Html.EditorFor(m => m.Name) %>
        <input type="submit" value="Resend me email again" />
    <% } %>
<% } %>
于 2011-03-21T09:09:48.817 回答
1

我认为，这里要么没有问题，要么完全没有问题。因此，您需要禁用该视图的客户端验证并手动检查要验证的控件。（在我的头顶上）。

编辑：如果我想进行手动客户端验证，我会使用 jQuery，因为它在此类任务中非常简单。

于 2011-03-21T09:10:15.527 回答
1

为什么不使用 2 个不同的视图？您不必重定向。我认为您在这里违反了 SRP。这种观点不止一个目的。

public ActionResult SubmitEmail(Model model)
{
     if(!emailWasSent)
        return View("FirstView");
     else
        return View("ConfirmationView");
}

这样，第一个视图可以进行客户端验证，而第二个视图不能选择加入它并按照它的意愿进行操作。

于 2011-03-21T13:46:43.593 回答
1

当向元素添加“禁用”属性时，可以将其从客户端验证中排除。

禁用 ASP.NET MVC 中禁用输入控件的客户端验证 - Imran Baloch 的博客

于 2011-03-21T13:53:02.867 回答