js/jq判断输入有没有后缀名，如果没有，自动添加后缀名，若有后缀名则判断是否合法

笑到世界都狼狈

已于 2022-11-10 10:15:53 修改

阅读量1.3k

点赞数

分类专栏： js/jq 文章标签： javascript css css3 jquery html

于 2020-04-16 17:08:59 首次发布

本文链接：https://blog.csdn.net/qq_36509946/article/details/105562241

版权

js/jq 专栏收录该内容

55 篇文章 4 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
    </head>
    <body>
        文件名：<input type="text" name="" id="addFileName" value="" />
        <button id="save">保存</button>
    </body>
    <script type="text/javascript">
        $(function(){
            var inputfileNameVal;//传给后台的文件名
            /**
             * 1.判断输入有没有后缀名
             * 2.如果没有后缀名，判断输入字符是否合法（不合法：提示错误，合法:自动加后缀名）
             * 3.如果有后缀名，直接前后一起判断
             */
            $("#save").on("click",function(){
                if($("#addFileName").val() != ""){
                            inputfileNameVal = $("#addFileName").val();
                            var newFileName = inputfileNameVal.split(".");
                            newFileName = newFileName[newFileName.length-1];
                            if (inputfileNameVal === newFileName){
                                // console.log('无后缀名')
                                var flag = /^[a-z_0-9]*$/g.test($("#addFileName").val());
                                if (!flag) {
                                    console.log('文件名由小写字母，数字，下划线组成!');
                                }else {
                                    inputfileNameVal = inputfileNameVal + '.cfg';
                                    console.log('无后缀自动加后缀名--传给后台的文件名：',inputfileNameVal);
                                }
                            } else {
                                // console.log('有后缀');
                                var flag = /^[a-z_0-9]+.(cfg)$/.test($("#addFileName").val());
                                if (!flag) {
                                    console.log('文件名由小写字母，数字，下划线组成，并以.cfg结尾!');
                                }else {
                                    inputfileNameVal = inputfileNameVal;
                                    console.log('有后缀名---传给后台的文件名：',inputfileNameVal);
                                }
                            }
                        }
            })
        })
    </script>
</html>

笑到世界都狼狈

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js/jq判断输入有没有后缀名，如果没有，自动添加后缀名，若有后缀名则判断是否合法

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.12.4.min.js">...
复制链接

扫一扫