hidden-field 相关问题

我刚刚注意到 Html.CheckBox("foo") 生成 2 个输入而不是一个，有人知道为什么会这样吗？我刚刚注意到 Html.CheckBox("foo") 生成 2 个输入而不是一个，有人知道为什么会这样吗？ <input id="foo" name="foo" type="checkbox" value="true" /> <input name="foo" type="hidden" value="false" /> 如果未选中复选框，则不会提交表单字段。这就是隐藏字段中始终存在错误值的原因。如果您未选中复选框，表单仍将具有来自隐藏字段的值。这就是 ASP.NET MVC 处理复选框值的方式。如果您想确认这一点，请在表单上放置一个复选框，而不是使用 Html.Hidden，而是使用<input type="checkbox" name="MyTestCheckboxValue"></input>。取消选中复选框，提交表单并查看服务器端发布的请求值。您会看到没有复选框值。如果您有隐藏字段，它将包含具有 MyTestCheckboxValue 值的 false 条目。您可以编写一个帮助程序来防止添加隐藏输入： using System.Web.Mvc; using System.Web.Mvc.Html; public static class HelperUI { public static MvcHtmlString CheckBoxSimple(this HtmlHelper htmlHelper, string name, object htmlAttributes) { string checkBoxWithHidden = htmlHelper.CheckBox(name, htmlAttributes).ToHtmlString().Trim(); string pureCheckBox = checkBoxWithHidden.Substring(0, checkBoxWithHidden.IndexOf("<input", 1)); return new MvcHtmlString(pureCheckBox); } } 使用它： @Html.CheckBoxSimple("foo", new {value = bar.Id}) 从 ASP.NET (Core) 5 开始，将此添加到您的 Startup： services.Configure<MvcViewOptions>(options => { // Disable hidden checkboxes options.HtmlHelperOptions.CheckBoxHiddenInputRenderMode = CheckBoxHiddenInputRenderMode.None; }); 在你看来例如： <input class="form-check-input" asp-for="@Model.YourBool" /> 不再在您的表单中创建此属性的附加隐藏字段： <input class="form-check-input" type="checkbox" data-val="true" data-val-required="The YourBool field is required." id="YourBool" name="YourBool" value="true" /> 来源： https://github.com/dotnet/aspnetcore/pull/13014#issuecomment-674449674 当复选框被选中并提交时执行此 if ($('[name="foo"]:checked').length > 0) $('[name="foo"]:hidden').val(true); 参考这是 Alexander Trofimov 解决方案的强类型版本： using System.Web.Mvc; using System.Web.Mvc.Html; public static class HelperUI { public static MvcHtmlString CheckBoxSimpleFor<TModel>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, bool>> expression, object htmlAttributes) { string checkBoxWithHidden = htmlHelper.CheckBoxFor(expression, htmlAttributes).ToHtmlString().Trim(); string pureCheckBox = checkBoxWithHidden.Substring(0, checkBoxWithHidden.IndexOf("<input", 1)); return new MvcHtmlString(pureCheckBox); } } 手动方法是这样的： bool IsDefault = (Request.Form["IsDefault"] != "false"); 使用包含，它将与两个可能的帖子值一起使用：“false”或“true，false”。 bool isChecked = Request.Form["foo"].Contains("true"); 截至 2020/11 和 .NET 5 处于预览状态，有一个 pull request 应该可以控制此行为。谢谢你们！无论如何，如果有人发现它有用，Alexander Trofimov 的答案的 .NET Core 3.0 端口： public static IHtmlContent CheckBoxSimple(this IHtmlHelper htmlHelper, string name) { TextWriter writer = new StringWriter(); IHtmlContent html = htmlHelper.CheckBox(name); html.WriteTo(writer, HtmlEncoder.Default); string checkBoxWithHidden = writer.ToString(); string pureCheckBox = checkBoxWithHidden.Substring(0, checkBoxWithHidden.IndexOf("<input", 1)); return new HtmlString(pureCheckBox); } 当我有一个 WebGrid 时，我发现这确实导致了问题。 WebGrid 上的排序链接将由加倍的查询字符串或 x=true&x=false 变成 x=true,false 并在复选框中导致解析错误。我最终使用 jQuery 删除了客户端的隐藏字段： <script type="text/javascript"> $(function () { // delete extra hidden fields created by checkboxes as the grid links mess this up by doubling the querystring parameters $("input[type='hidden'][name='x']").remove(); }); </script> 隐藏的输入导致样式复选框出现问题。所以我创建了一个 Html Helper Extension 来将隐藏的输入放置在包含 CheckBox 的 div 之外。 using System; using System.Linq.Expressions; using System.Text; using System.Web.Mvc; using System.Web.Routing; namespace YourNameSpace { public static class HtmlHelperExtensions { public static MvcHtmlString CustomCheckBoxFor<TModel, TValue>(this HtmlHelper<TModel> htmlHelper, Expression<Func<TModel, TValue>> expression, string labelText) { //get the data from the model binding var fieldName = ExpressionHelper.GetExpressionText(expression); var fullBindingName = htmlHelper.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldName(fieldName); var fieldId = TagBuilder.CreateSanitizedId(fullBindingName); var metaData = ModelMetadata.FromLambdaExpression(expression, htmlHelper.ViewData); var modelValue = metaData.Model; //create the checkbox TagBuilder checkbox = new TagBuilder("input"); checkbox.MergeAttribute("type", "checkbox"); checkbox.MergeAttribute("value", "true"); //the visible checkbox must always have true checkbox.MergeAttribute("name", fullBindingName); checkbox.MergeAttribute("id", fieldId); //is the checkbox checked bool isChecked = false; if (modelValue != null) { bool.TryParse(modelValue.ToString(), out isChecked); } if (isChecked) { checkbox.MergeAttribute("checked", "checked"); } //add the validation checkbox.MergeAttributes(htmlHelper.GetUnobtrusiveValidationAttributes(fieldId, metaData)); //create the outer div var outerDiv = new TagBuilder("div"); outerDiv.AddCssClass("checkbox-container"); //create the label in the outer div var label = new TagBuilder("label"); label.MergeAttribute("for", fieldId); label.AddCssClass("checkbox"); //render the control StringBuilder sb = new StringBuilder(); sb.AppendLine(outerDiv.ToString(TagRenderMode.StartTag)); sb.AppendLine(checkbox.ToString(TagRenderMode.SelfClosing)); sb.AppendLine(label.ToString(TagRenderMode.StartTag)); sb.AppendLine(labelText); //the label sb.AppendLine("<svg width=\"10\" height=\"10\" class=\"icon-check\"><use xlink:href=\"/icons.svg#check\"></use></svg>"); //optional icon sb.AppendLine(label.ToString(TagRenderMode.EndTag)); sb.AppendLine(outerDiv.ToString(TagRenderMode.EndTag)); //create the extra hidden input needed by MVC outside the div TagBuilder hiddenCheckbox = new TagBuilder("input"); hiddenCheckbox.MergeAttribute("type", HtmlHelper.GetInputTypeString(InputType.Hidden)); hiddenCheckbox.MergeAttribute("name", fullBindingName); hiddenCheckbox.MergeAttribute("value", "false"); sb.Append(hiddenCheckbox.ToString(TagRenderMode.SelfClosing)); //return the custom checkbox return MvcHtmlString.Create(sb.ToString()); } 结果 <div class="checkbox-container"> <input checked="checked" id="Model_myCheckBox" name="Model.myCheckBox" type="checkbox" value="true"> <label class="checkbox" for="Model_myCheckBox"> The checkbox label <svg width="10" height="10" class="icon-check"><use xlink:href="/icons.svg#check"></use></svg> </label> </div> <input name="Model.myCheckBox" type="hidden" value="false"> 这不是错误！它增加了在将表单发布到服务器后始终具有值的可能性。如果您想使用 jQuery 处理复选框输入字段，请使用 prop 方法（将“checked”属性作为参数传递）。示例：$('#id').prop('checked') 您可以尝试像这样初始化模型的构造函数： public MemberFormModel() { foo = true; } 在您看来： @html.Checkbox(...) @html.Hidden(...) 在 .Net core 6 中，我遇到了同样的问题，我尝试了@Kolazomai 的回答并且它正在工作。 using Microsoft.AspNetCore.Mvc; builder.Services.Configure<MvcViewOptions>( opt=>opt.HtmlHelperOptions.CheckBoxHiddenInputRenderMode = Microsoft.AspNetCore.Mvc.Rendering.CheckBoxHiddenInputRenderMode.None );

asp.net-mvc checkbox hidden-field

回答 13 投票 0

通过 Python 中的 Selenium 单击包裹在 div 中的隐藏按钮

我正在使用 selenium 中的 Chrome webDriver 在 Workday 门户上自动登录，如何单击隐藏的登录按钮，该按钮定义为：我正在使用 selenium 中的 Chrome webDriver 在 Workday 门户上自动登录，如何单击隐藏的登录按钮，该按钮定义为： <div class="css-1s1r74k"> <div font-size="14" height="40" aria-label="Sign In" role="button" tabindex="0" data-automation-id="click_filter" class="css-1n9xe37"> </div> <button type="submit" data-automation-id="signInSubmitButton" font-size="14" height="40" class="css-a9u6na" tabindex="-2" aria-hidden="true">Sign In</button> </div> 这是我正在使用的代码，但它无法对特定按钮执行点击操作： signInButton = driver.find_element(By.XPATH,'//*[@id="wd-Authentication-NO_METADATA_ID-uid6"]/div/div[1]/div/form/div[3]/div/div/div/div/button') driver.execute_script("arguments[0].click();", signInButton) 这是登录页面示例 - https://wd1.myworkdaysite.com/zh-CN/recruiting/snapchat/snap/login 也许你的定位器不正确像这样尝试 xpath 定位器 //button[text()='Sign In'] 剧本 signInButton = driver.find_element(By.XPATH,"//button[text()='Sign In']")) driver.execute_script("arguments[0].click();", signInButton)

python html selenium-webdriver wai-aria hidden-field

回答 1 投票 0

如何抓取 - span aria-hidden="true" - 文本

Nathan Greenhut查看 Nathan Greenhut 的个人资料我正在尝试抓取对特定 LinkedIn 帖子发表评论的人的名字。我试过这段代码：因为我在 soup.find_all("span&

python html web-scraping beautifulsoup hidden-field

回答 0 投票 0

如何在每次 POST 请求后使验证码无效

我的网站是在 asp.net 中构建的，我遇到的问题是忘记密码页面，需要用户输入电子邮件和 6 位验证码（如图所示）。还有一个隐藏字段(...

asp.net hidden-field

回答 0 投票 0

PHP 行发送 1 条 mySQLi 记录到表单进行编辑

您将如何（仅限 PHP）设置数据以便将所选行的记录 ID 传递给表单进行处理？我有一个来自 SELECT * 所有记录的表。每行的末尾都有一个编辑按钮...