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 相关文章推荐
clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析
Mar 12 Javascript
jQuery实现表格颜色交替显示的方法
Mar 09 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
Nov 25 Javascript
EasyUI折叠表格层次显示detailview详解及实例
Dec 28 Javascript
js仿iphone秒表功能 计算平均数
Jan 11 Javascript
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
Sep 07 Javascript
微信小程序如何调用图片接口API并居中显示
Jun 29 Javascript
解决layer.msg 不居中 ifram中的问题
Sep 05 Javascript
layui表格内容溢出的解决方法
Sep 06 Javascript
对Layer弹窗使用及返回数据接收的实例详解
Sep 26 Javascript
微信小程序转发事件实现解析
Oct 22 Javascript
微信小程序实现简单文字跑马灯
May 26 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 array_intersect比array_diff快(附详细的使用说明)
2011/07/03 PHP
PHP 第二节 数据类型之转换
2012/04/28 PHP
PHP数字前补0的自带函数sprintf 和number_format的用法(详解)
2017/02/06 PHP
thinkphp5.1 文件引入路径问题及注意事项
2018/06/13 PHP
PHP实现微信小程序用户授权的工具类示例
2019/03/05 PHP
Jquery 例外被抛出且未被接住原因介绍
2013/09/04 Javascript
node.js中的http.response.end方法使用说明
2014/12/14 Javascript
javascript实现的右下角弹窗实例
2015/04/24 Javascript
PHP+jQuery+Ajax+Mysql如何实现发表心情功能
2015/08/06 Javascript
js生成随机数的方法实例
2015/10/16 Javascript
基于jquery实现简单的手风琴特效
2015/11/24 Javascript
React Router基础使用
2017/01/17 Javascript
Bootstrap标签页(Tab)插件使用方法
2017/03/21 Javascript
基于layui的下拉列表的数据回显方法
2019/09/24 Javascript
js实现的在本地预览图片功能示例
2019/11/09 Javascript
element-ui树形控件后台返回的数据+生成组织树的工具类
2020/03/05 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
2020/04/28 Javascript
Vue路由切换页面不更新问题解决方案
2020/07/10 Javascript
vue style width a href动态拼接问题的解决
2020/08/07 Javascript
老生常谈Python startswith()函数与endswith函数
2017/09/08 Python
Python多线程原理与用法实例剖析
2019/01/22 Python
Python3使用TCP编写一个简易的文件下载器功能
2019/05/08 Python
pandas实现将dataframe满足某一条件的值选出
2019/06/12 Python
Python列表list操作相关知识小结
2020/01/29 Python
Python unittest单元测试openpyxl实现过程解析
2020/05/27 Python
django下创建多个app并设置urls方法
2020/08/02 Python
Python pysnmp使用方法及代码实例
2020/08/24 Python
python 第三方库paramiko的常用方式
2021/02/20 Python
MyFrenchPharma中文网:最大的法国药妆平台
2016/10/07 全球购物
竞选班干部演讲稿600字
2014/08/20 职场文书
假释思想汇报范文
2014/10/11 职场文书
大学生学期个人总结
2015/02/12 职场文书
2016大学生求职自荐信范文
2016/01/28 职场文书
MySQL查看表和清空表的常用命令总结
2021/05/26 MySQL
TS 类型兼容教程示例详解
2022/09/23 Javascript
SQL Server数据库的三种创建方法汇总
2023/05/08 MySQL