Question

我正在使用JQuery Steps在WebForms项目中设置向导，并使用Peter Blum的VAM验证器确保输入良好。以下是我的流程中第一步的示例：

 <div id="wizard">
           <h1>Step 1</h1>
            <div id="stepToAccount">
                <p class="sectionHeader">
                    <asp:Label id="DropdownLabel" runat="server"/>
                </p>
                <asp:DropDownList id="Dropdown" CssClass="indent50" runat="server"/>

                <br/>
                <vam:RequiredListValidator runat="server" ID="DropdownIsRequired" Group="StepOne" ControlIDToEvaluate="Dropdown" UnassignedIndex="0" ErrorMessageLookupID="DropdownRequired.Error" SummaryErrorMessageLookupID="DropdownRequired.Error"/>

            </div>

所有这些在div之外100％正常工作我用来指定我用来指定向导（<div id="wizard">），但无法在向导div中正常运行。单击下拉列表不会导致它立即按预期验证，如果我手动调用window.DES_ValidateGroup("StepOne")验证，它将正确返回步骤有问题（步骤块变为红色），但它不会显示与验证器一起出现的错误消息。

深入研究为什么会这样，VAM验证器发出的<span>标记似乎有一个内联visibility标记，可以防止它们被隐藏，然后VAM的javascript将被删除，在需要时重新应用（例如，当验证器失败时，然后再次成功时）。在向导div中验证失败时，visibility标记未正确删除。

有没有人知道为什么会这样，以及我如何解决它？

编辑：作为参考，这是发出的代码：

 <div id="wizard">
            <h1>Step 1</h1>
            <div id="StepOne">
                <p class="sectionHeader">
                    <span id="DropdownLabel">Which account would you like to pay to?</span>
                </p>
                <select name="Dropdown" id="SelectToAccountDropdown" class="indent50">
<option selected="selected" value="0">-- Option One -- </option>
<option value="1">Option Two</option> 
</select>
       <span class="indent50">
                    <span style='visibility:hidden' class='VAMErrorText'  id='DropdownIsRequired'>
   <span id='DropdownIsRequired_Txt'>Please select a thing.</span>
</span>    
                </span>                    
            </div>

Answer 1

问题在于JQuery Steps在其渲染方法期间将事件侦听器从DOM中剥离出来，这会禁用Peter Blum验证器依赖的侦听器来完成他们的工作。请在this question中查看Kaish的答案;用他在那里使用的方法替换JQuery Steps render()方法解决了我的问题。

Peter Blum验证器没有在JQuery Steps向导内部触发

1 个答案: