JS判断表单输入是否为空(示例代码)


Posted in Javascript onDecember 23, 2013
//去掉输入字符串两边的空格
function trim(s) {   
   var count = s.length;   
   var st    = 0;       // start   
   var end   = count-1; // end   
   if (s == "") return s;   
   while (st < count) {   
     if (s.charAt(st) == " ")   
       st ++;   
     else  
       break;   
   }   
   while (end > st) {   
     if (s.charAt(end) == " ")   
       end --;   
     else  
       break;   
   }   
   return s.substring(st,end + 1);   
 }

假如表单是这样的:
<form action="testnew.html" name="form1">   
  username: <input type="text" name="name">   
  password: <input type="password" name="pwd">   <br>   
  <input type="submit" value="提交" onclick="isEmpty()">   
</form>

则判断输入是否为空可以这样定义函数:
function isEmpty(){   
    //form1是form中的name属性   
    var _form = document.form1;       if(trim(_form.name.value)==""){   
        alert("用户名不能为空!");           
        return false;   
    }   
    if(trim(_form.pwd.value)==""){   
        alert("密码不能为空!");          
        return false;   
    }  

    return true;
}
Javascript 相关文章推荐
js获取浏览器的可视区域尺寸的实现代码
Nov 30 Javascript
js setTimeout 参数传递使用介绍
Aug 13 Javascript
node.js中的require使用详解
Dec 15 Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
Jan 08 Javascript
jQuery+jRange实现滑动选取数值范围特效
Mar 14 Javascript
JS实现点击上移下移LI行数据的方法
Aug 05 Javascript
AngularJS实现全选反选功能
Dec 08 Javascript
快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
Apr 15 Javascript
js绘制购物车抛物线动画
Nov 18 Javascript
ES6新特性一: let和const命令详解
Apr 20 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
May 21 Javascript
JSONP 的原理、理解 与 实例分析
May 16 Javascript
js中判断用户输入的值是否为空的简单实例
Dec 23 #Javascript
js中判断对象是否为空的三种实现方法
Dec 23 #Javascript
利用JS判断用户是否上网(连接网络)
Dec 23 #Javascript
js禁止回车提交表单的示例代码
Dec 23 #Javascript
IE6下javasc#ipt:void(0) 无效的解决方法
Dec 23 #Javascript
解析img图片没找到onerror事件 Stack overflow at line: 0
Dec 23 #Javascript
判断客户浏览器是否支持cookie的示例代码
Dec 23 #Javascript
You might like
如何使用jQuery+PHP+MySQL来实现一个在线测试项目
2015/04/26 PHP
Yii2框架中一些折磨人的坑
2019/12/15 PHP
jquery+json实现的搜索加分页效果
2010/03/31 Javascript
JavaScript性能陷阱小结(附实例说明)
2010/12/28 Javascript
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
2012/02/27 Javascript
JQuery判断子iframe何时加载完成解决方案
2013/08/20 Javascript
JS中的构造函数详细解析
2014/03/10 Javascript
JS实现漂亮的淡蓝色滑动门效果代码
2015/09/23 Javascript
jQuery解析与处理服务器端返回xml格式数据的方法详解
2016/07/04 Javascript
codeMirror插件使用讲解
2017/01/16 Javascript
xmlplus组件设计系列之分隔框(DividedBox)(8)
2017/05/02 Javascript
Vue2.X 通过AJAX动态更新数据
2018/07/17 Javascript
Node.js命令行/批处理中如何更改Linux用户密码浅析
2018/07/22 Javascript
解决在vue项目中webpack打包后字体不生效的问题
2018/09/01 Javascript
ES6 Promise对象的应用实例分析
2019/06/27 Javascript
微信小程序swiper左右扩展各显示一半代码实例
2019/12/05 Javascript
Vue 同步异步存值取值实现案例
2020/08/05 Javascript
python删除指定类型(或非指定)的文件实例详解
2015/07/06 Python
Python中列表元素转为数字的方法分析
2016/06/14 Python
Python 逐行分割大txt文件的方法
2017/10/10 Python
神经网络(BP)算法Python实现及应用
2018/04/16 Python
Python使用matplotlib实现的图像读取、切割裁剪功能示例
2018/04/28 Python
python如何生成各种随机分布图
2018/08/27 Python
对python中数组的del,remove,pop区别详解
2018/11/07 Python
python生成n个元素的全组合方法
2018/11/13 Python
HTML5之HTML元素扩展(上)—新增加的元素及使用概述
2013/01/31 HTML / CSS
Lacoste美国官网:经典POLO衫品牌
2016/10/12 全球购物
选购国际女性时装设计师品牌:IFCHIC(支持中文)
2018/04/12 全球购物
adidas马来西亚官网:adidas MY
2020/09/12 全球购物
英国奢侈品在线精品店:Hervia
2020/09/03 全球购物
元旦寄语大全
2014/04/10 职场文书
奥巴马开学演讲稿
2014/05/15 职场文书
学习党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
2016年党建工作简报
2015/11/26 职场文书
领导干部学习十八届五中全会精神心得体会
2016/01/05 职场文书
解决Pytorch中关于model.eval的问题
2021/05/22 Python