小编Jef*_*chy的帖子

HTML表单字段 - 如何要求输入格式

我想在这里做的是要求将电话号码输入我的HTML表格(XXX)XXX-XXXX,并将SS号码输入为XXX-XX-XXXX.而已.

我这样做的唯一原因是表单提交结果一致且易于导出到Excel.

我被告知使用Javascript来做到这一点,但也许我不够先进,无法理解这样做的所有步骤.

有人可以指出我正确的方向,请记住我是一个初学者?

哇非常感谢Ethan和@ suman-bogati!我现在几乎都在那里!该字段现在弹出一个错误,说明使用正确的格式555-55-5555.那很棒.但无论我输入什么进入该领域,弹出窗口仍然存在.我尝试了555-55-5555和555555555,但都没有被接受.这是该字段的HTML:

<label>
            Social Security Number:
            <input id="ssn" required pattern="^d{3}-d{2}-d{4}$"
                title="Expected pattern is ###-##-####" />
        </label>
</div>
    <script>$('form').on('submit', function(){
        $(this).find('input[name="SocialSecurity"]').each(function(){
        $(this).val() = $(this).val().replace(/-/g, '');
    });
    $(this).find('input[name="ssn"]').each(function(){
        $(this).val() = $(this).val().replace(/-/g, '');
    });
});</script>
    <br />
Run Code Online (Sandbox Code Playgroud)

html javascript forms field masking

4
推荐指数
1
解决办法
6万
查看次数

标签 统计

field ×1

forms ×1

html ×1

javascript ×1

masking ×1