<!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>
js/jq判断输入有没有后缀名,如果没有,自动添加后缀名,若有后缀名则判断是否合法
于 2020-04-16 17:08:59 首次发布