JS判断提交表单不能为空代码多种方案

帝国cms教程 3 年前 0 20

在做前端时我们希望用户按要求提交数据了，如果提交了空我们就需要进入提示，在js中判断表单为空我们直接使用xx==空就可以了，下面看实例。

例

 
 
function checkpost() 
{ 
   if(myform.keywords.value==""){alert("请输入内容"); 
    myform.keywords.focus(); 
    return false; 
    
   } 
   if(myform.title.value.length<5){alert("请输入标题"); 
    myform.title.focus(); 
    return false; 
    
   } 
} 

 
关键字：
 
标题：

解释：

表单中onsubmit 控制提交后事件，return函数执行表单提交函数值为false不提交，为true提交。然后用JS制作一个checkpost函数，来得到是false和ture.JS代码中myform.title.focus(); 表示鼠标的焦点在title上myform.title.value.length<5表示title字段中，长度小于5时，警告和不执行

如果我们直接按几个空格进去，上面的代码肯定是可以通过的因为空格是字符串并不是空哦，我们可通过下面方法修正

第一种：循环检查替换

[javascript]

//供使用者调用  
function trim(s){  
return trimRight(trimLeft(s));  
}  
//去掉左边的空白  
function trimLeft(s){  
if(s == null) {  
return "";  
}  
var whitespace = new String(" tnr");  
var str = new String(s);  
if (whitespace.indexOf(str.charAt(0)) != -1) {  
var j=0, i = str.length;  
while (j = 0 && whitespace.indexOf(str.charAt(i)) != -1){  
i--;  
}  
str = str.substring(0, i+1);  
}  
return str;  
}

第二种：正则替换

[javascript]

第三种：使用jquery

[javascript]

$.trim(str)

jquery内部实现为：

[javascript]

function trim(str){   
    return str.replace(/^(s|u00A0)+/,'').replace(/(s|u00A0)+$/,'');   
}

第四种：使用motools

[javascript]

function trim(str){   
    return str.replace(/^(s|xA0)+|(s|xA0)+$/g, '');   
}

第五种：裁剪字符串方式

[javascript]

function trim(str){   
    str = str.replace(/^(s|u00A0)+/,'');   
    for(var i=str.length-1; i>=0; i--){   
        if(/S/.test(str.charAt(i))){   
            str = str.substring(0, i+1);   
            break;   
        }   
    }   
    return str;   
}

经过测试第五种方法在处理长字符串时效率最高。

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。