百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>JS教程> JS判断提交表单不能为空代码
分享文章到:

JS判断提交表单不能为空代码

发布时间:01/15 来源: 浏览: 关键词:
在做前端时我们希望用户按要求提交数据了,如果提交了空我们就需要进入提示,在js中判断表单为空我们直接使用xx==空就可以了,下面看实例。

 代码如下

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

<form action=search.php name="myform" onsubmit="return checkpost();">
关键字:<input type="text" name="keywords"><br>
标题:<input type="text" name="title">
<input type="submit" value="查询">
</form> 
</html>

解释:

表单中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 < i && whitespace.indexOf(str.charAt(j)) != -1){ 
j++; 

str = str.substring(j, i); 

return str; 

//去掉右边的空白 www.111cn.net  
function trimRight(s){ 
if(s == null) return ""; 
var whitespace = new String(" tnr"); 
var str = new String(s); 
if (whitespace.indexOf(str.charAt(str.length-1)) != -1){ 
var i = str.length - 1; 
while (i >= 0 && whitespace.indexOf(str.charAt(i)) != -1){ 
i--; 

str = str.substring(0, i+1); 

return str; 
}

第二种:正则替换
[javascript]

 代码如下
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
String.prototype.Trim = function() 

return this.replace(/(^s*)|(s*$)/g, ""); 

String.prototype.LTrim = function() 

return this.replace(/(^s*)/g, ""); 

String.prototype.RTrim = function() 

return this.replace(/(s*$)/g, ""); 

//--> 
</SCRIPT>

第三种:使用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;  

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

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有4人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板