网络核心:文本框中的掩码值和密码

时间:2019-07-11 04:46:18

标签: javascript c# html .net telerik

如何在文本框中同时应用密码和掩码模板?例如, 这是一个模板,随着用户不断输入,随着用户输入信用卡号,数字(9)将消失并替换为星号*。

理想目标:

enter image description here

当前代码:

下面的“当前视图”仅显示星号*,并且用户不断输入时会显示星号。

enter image description here

TagBuilder:

namespace Web.UI.TagHelpers
{
    [HtmlTargetElement(HtmlTargetElementConts.MaskedTextBox)]
    public class MaskedTextBoxTagHelper : MaskedTextBoxTagHelper
    {
        [HtmlAttributeName("MaskText")]
        public string MaskText { get; set; }

        [HtmlAttributeName("ValueText")]
        public string ValueText { get; set; }

        [HtmlAttributeName("IsPassword")]
        public bool IsPassword { get; set; }

        public MaskedTextBoxTagHelper(IKendoHtmlGenerator generator) : base(generator)
        {
        }

        public override void Process(TagHelperContext context, TagHelperOutput output)
        {

            this.Mask = MaskText;
            this.Value = ValueText;

            if (IsPassword == true)
            {
                output.Attributes.SetAttribute("type", "password");
            }

            base.Process(context, output);
        }
    }
}

查看:

<maskedtextbox name="creditcardtest"
                    MaskText="0000-0000-0000-0000"
                    ValueText="9999-9999-9999-9999"
                    IsPassword="true">               
</maskedtextbox>

0 个答案:

没有答案