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

代码如下:

//去掉输入字符串两边的空格

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;

}

赞 (0)

相关推荐

  • js判断所有表单项不为空则提交表单的实现方法

    demo1.html <html> <head> <title>提交表单页</title> <script type="text/javascript"> function myCheck() { for(var i=0;i<document.form1.elements.length-1;i++) { if(document.form1.elements[i].value=="") { alert(

  • js表单序列化判断空值的实例

    学习javaweb的时候,做了将页面上的的表单信息添加到数据库中的练习.提交表单的时候,需要保证每个输入框.单选按钮.复选框等都不为空,刚开始的时候挨个获取控件的值进行判断是否为空,后来认识了表单序列化这么一个方法,就是了下用序列化来判断空值 //form表单页面 <form id="basicInfo" action="EmployeeServlet?flag=addEmployeeInfo" method="post"> <

  • 实例讲解js验证表单项是否为空的方法

    表单验证几乎在每一个需要注册或者登陆的网站是必不可少的,有些验证则非常的复杂,可以说是各种各样给你的要求,不过本章节只介绍一下表单中最简单的验证方式,就是判断是否为空,有些要求比较低的网站对此已经满足需要了. 代码如下: <html> <head> <meta charset="gb2312"> <title>js简单表单验证</title> <script type="text/javascript"

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

    复制代码 代码如下: //去掉输入字符串两边的空格 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

  • jquery 获取表单元素里面的值示例代码

    jquery 笔记: 复制代码 代码如下: $("input[name='radio_name']:checked").val() <input type="radio" value="1" name="radio_name" />1 <input type="radio" value="2" name="radio_name" />2 <

  • JS将表单导出成EXCEL的实例代码

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head>  <title> new docum

  • js判断选择时间不能小于当前时间的示例代码

    复制代码 代码如下: var controldate; function checkDate(){ controldate= document.getElementById("sendDate").value; if(controldate==""){ alert('日期不能为空'); return false; }else{ var day = new Date(); var Year = 0; var Month = 0; var Day = 0; var Cu

  • jquery form表单序列化为对象的示例代码

    复制代码 代码如下: $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name]) { if (!o[this.name].push) { o[this.name] = [ o[this.name] ]; } o[this.name].push(this.value || ''); } else { o[this.nam

  • 使用layer弹窗提交表单时判断表单是否输入为空的例子

    获得 layer 文件包后,解压并将 layer 整个文件夹(不要拆分结构) 存放到你项目的任意目录,使用时,只需引入 layer.js 即可 使用时一定他要先引入jq1.8,或者以上版本!!! 下面是提交表单的实列 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=devi

  • 浅谈JS验证表单文本域输入空格的问题

    在表单中验证输入的文本域字符是否为空格,即空字符串,通常需要去除字符两边的空格才可验证准确.否则如果连续输入多个空格键,仅凭 document.getElementById("name").value == ""  验证不出来的. 去除字符串两边的空格的方法,还要考虑浏览器的兼容问题. 一. trim() 方法 document.getElementById("name").value.trim()   该方式在 Chrome.Firefox 中

  • JavaScript判断表单为空及获取焦点的方法

    本文实例讲述了JavaScript判断表单为空及获取焦点的方法.分享给大家供大家参考,具体如下: <%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> <html> <head> <meta http-equiv="Content

  • Vue.js自定义事件的表单输入组件方法

    Vue.js使用自定义事件的表单输入组件 自定义事件可以用来创建自定义的表单输入组件,使用 v-model 来进行数据双向绑定.要牢记: <input v-model="something"> 这不过是以下示例的语法糖: <input v-bind:value="something" v-on:input="something = $event.target.value"> 所以在组件中使用时,它相当于下面的简写: <

  • 原生js 实现表单验证功能

    原生js 实现表单验证功能

    表单验证是web前端最常见的功能之一,也属于前端开发的基本功.自己完成一个表单验证的开发,也有助于加深对字符串处理和正则表达式的理解. 基本的表单验证包括如:字母验证.数字验证.字母和数字验证.汉字验证.密码验证.日期验证.手机验证.邮箱验证,密码验证等. 现在就来完成这些验证代码的编写,先来看字母是怎么验证的.先编写需要的html代码,创建一个id为formContainer的表单元素,在里面加入需要验证英文字母的文本框和按钮,文本框后面需要一个span元素存放提示文字.如下所示: <form

随机推荐