首先,在这个项目的特定时间,jQuery不是一个选项,或者我只是使用这种类型的密码强度选项。
目前我有一个Ajax控件工具包控件(PasswordStrength)设置来处理文本框。该控件位于文本框本身旁边的表行/单元格中,并在其中进行验证。它还设置为条形指示器,通过DisplayPosition属性显示在文本框的右侧。
强度计在IE,Firefox和Opera中显得很好......就在密码字段文本框旁边,这很棒。现在,在Chrome和Safari中,指示符出现在页面上的随机位置,如果您继续输入,指示符实际上会随机上下移动页面,而不是靠近密码文本框的右侧。该指标在x轴上技术上是正确的,这意味着它位于文本框的“旁边”,但是y轴是零星的并且在页面上下移动,远离文本框。 Chrome和Safari中的行为相同。
有什么想法吗?这让我有点疯狂,因为我尝试包装div,定位,移动控件,调整属性等。
非常感谢任何帮助。
这是当前设置的文本框和控件本身:
<asp:TextBox ID="txtPassword" Width="150px" runat="server"
Style="text-align: left" TextMode="Password" </asp:TextBox>
<asp:PasswordStrength ID="PS1"
runat="server"
TargetControlID="txtPassword"
DisplayPosition="RightSide"
StrengthIndicatorType="BarIndicator"
PreferredPasswordLength="16"
MinimumNumericCharacters="1"
MinimumSymbolCharacters="1"
MinimumLowerCaseCharacters="1"
MinimumUpperCaseCharacters="1"
RequiresUpperAndLowerCaseCharacters="false"
CalculationWeightings="50;15;15;20"
TextStrengthDescriptionStyles="barRed;barYellow;barBlue;barGreen"
Enabled="true"
BarBorderCssClass="barBorder"
BarIndicatorCssClass="barInternal">
</asp:PasswordStrength>
非常感谢任何帮助或建议!