JS判断表单输入是否为空

 本篇文章主要是对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;
 
}
 
 
 

时间: 2024-11-08 21:59:50

JS判断表单输入是否为空的相关文章

ajax-easyui 怎么用js验证表单 输入的是否正确。

问题描述 easyui 怎么用js验证表单 输入的是否正确. 增加一个用户,用身份证号验证唯一性,增加和修改用同一个表单提交的. 怎么用ajax验证是否已经存在相同的身份证号码,增加的时候可以验证,但是修改是也会验证, 但是,会数据库已经存在了.所有验证通不过,表单不能正常提交. 我的方法: http://star77266989.iteye.com/blog/2192022 解决方案 参考:http://www.w3cschool.cc/jeasyui/jeasyui-form-form3.h

JavaScript判断表单为空及获取焦点的方法_javascript技巧

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

js防止表单重复提交

在表单提交的时候,用户有时候会重复的点击提交按钮,会导致多次提交,产生重复数据.我们应该怎么办了?一般想法是:通过attachEvent在 form的onsubmit事件中写一个方法,每次触发该事件时执行该方法,我们可以给form增加一个submited属性,每次判断这个属性,为 false的时候继续提交表单并且设置form.submited=true,反之说明表单已经提交,就不再提交表单.      但是,出现问题了:提交表单一般有三种方式 <form action=xxx.aspx onsu

JS实现表单验证功能(验证手机号是否存在,验证码倒计时)_javascript技巧

废话不多说直接上代码 html代码: <form method="post" id="form_hroizon" enctype="multipart/form-data" action="/"> <input type="hidden" name="phoneTemplet" id="phoneTemplet"> <input type

js进行表单验证实例分析_javascript技巧

本文实例讲述了js进行表单验证的方法.分享给大家供大家参考.具体实现方法如下: 1. 传统的表单验证代码 复制代码 代码如下: <!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/199

JS实现表单多文件上传样式美化支持选中文件后删除相关项_javascript技巧

开发中会经常涉及到文件上传的需求,根据业务不同的需求,有不同的文件上传情况. 有简单的单文件上传,有多文件上传,因浏览器原生的文件上传样式及功能的支持度不算太高,很多时候我们会对样式进行美化,对功能进行完善. 本文根据一个例子,对多文件的上传样式做了一些简单的美化(其实也没怎么美化..),同时支持选择文件后自定义删除相关的文件,最后再上传 文章篇幅较长,先简单看看图示: 一.文件上传基础 1. 单文件上传 最简单的文件上传,是单文件上传,form标签中加入enctype="multipart/f

js实现表单检测及表单提示的方法_javascript技巧

本文实例讲述了js实现表单检测及表单提示的方法.分享给大家供大家参考.具体如下: 这是个实用的表单判断以及表单提示效果,如果点击需要输入文字的时候,提示就会跑出来,提示框的形状比较个性化,有一个三角符号指向输入框,有两张图片需要下载. 运行效果如下图所示: 在线演示地址如下: http://demo.jb51.net/js/2015/js-table-check-form-tips-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTM

js校验表单后提交表单的三种方法

本篇文章主要是对js校验表单后提交表单的三种方法进行了总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 第一种:  代码如下: <script type="text/javascript">          function check(form) {             if(form.userId.value=='') {                 alert("请输入用户帐号!");                 form.us

jQuery实现批量判断表单中文本框非空的方法(2种方法)_jquery

本文实例讲述了jQuery实现批量判断表单中文本框非空的方法.分享给大家供大家参考,具体如下: 方法一: <script type="text/javascript"> /* * 批量验证表单非空 * 需要非空验证控件的样式class="mustadd" */ $(".mustadd").each(function(){ if($(this).val() == ''){ alert("该项不可为空!"); $(th