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 相关文章推荐
在JavaScript中获取请求的URL参数
Dec 22 Javascript
Three.js的使用及绘制基础3D图形详解
Apr 27 Javascript
JS自动生成动态HTML验证码页面
Jun 14 Javascript
javascript中神奇的 Date对象小结
Oct 12 Javascript
vue的style绑定background-image的方式和其他变量数据的区别详解
Sep 03 Javascript
Vue 使用formData方式向后台发送数据的实现
Apr 14 Javascript
JS对日期操作封装代码实例
Nov 08 Javascript
Vue实现页面添加水印功能
Nov 09 Javascript
JavaScript数组及常见操作方法小结
Nov 13 Javascript
js实现简单的贪吃蛇游戏
Apr 23 Javascript
基于vue和bootstrap实现简单留言板功能
May 30 Javascript
Node.js API详解之 V8模块用法实例分析
Jun 05 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
php创建sprite
2014/02/11 PHP
thinkPHP显示不出验证码的原因与解决方法分析
2017/05/20 PHP
Yii 使用intervention/image拓展实现图像处理功能
2019/06/22 PHP
JQuery 学习笔记 选择器之五
2009/07/23 Javascript
js中用window.open()打开多个窗口的name问题
2014/03/13 Javascript
js生成缩略图后上传并利用canvas重绘
2014/05/15 Javascript
JS实现上下左右对称的九九乘法表
2016/02/22 Javascript
Extjs实现下拉菜单效果
2016/04/01 Javascript
Angularjs结合Bootstrap制作的一个TODO List
2016/08/18 Javascript
bootstrap与Jquery UI 按钮样式冲突的解决办法
2016/09/23 Javascript
angular2中router路由跳转navigate的使用与刷新页面问题详解
2017/05/07 Javascript
vue2.0 循环遍历加载不同图片的方法
2018/03/06 Javascript
微信小程序实现的图片保存功能示例
2019/04/24 Javascript
JavaScript实现五子棋游戏的方法详解
2019/07/08 Javascript
[42:34]VP vs VG 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python字符串替换示例
2014/04/24 Python
python实现端口转发器的方法
2015/03/13 Python
在Python中使用PIL模块处理图像的教程
2015/04/29 Python
python使用in操作符时元组和数组的区别分析
2015/05/19 Python
python文件操作之目录遍历实例分析
2015/05/20 Python
selenium+python自动化测试之多窗口切换
2019/01/23 Python
python处理excel绘制雷达图
2019/10/18 Python
keras导入weights方式
2020/06/12 Python
Python matplotlib图例放在外侧保存时显示不完整问题解决
2020/07/28 Python
Python列表嵌套常见坑点及解决方案
2020/09/30 Python
css3中background新增的4个新的相关属性用法介绍
2013/09/26 HTML / CSS
Html5 audio标签样式的修改
2016/01/28 HTML / CSS
HMV日本官网:全球知名的音乐、DVD和电脑游戏零售巨头
2016/08/13 全球购物
学前教育专业毕业生自荐信
2013/10/03 职场文书
2014年应届大学生自我评价
2014/01/09 职场文书
护士思想汇报
2014/01/12 职场文书
先进工作者获奖感言
2014/02/08 职场文书
2014年中秋节活动总结
2014/08/29 职场文书
2014年后勤工作总结
2014/11/18 职场文书
关于童年的读书笔记
2015/06/26 职场文书
MySQL的表级锁,行级锁,排它锁和共享锁
2022/07/15 MySQL