编程 Javascript

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

Posted in Javascript onJanuary 09, 2016

表单验证几乎在每一个需要注册或者登陆的网站是必不可少的，有些验证则非常的复杂，可以说是各种各样给你的要求，不过本章节只介绍一下表单中最简单的验证方式，就是判断是否为空，有些要求比较低的网站对此已经满足需要了。
代码如下:

<html> 
<head> 
<meta charset="gb2312"> 
<title>js简单表单验证</title> 
<script type="text/javascript">
window.onload=function()
{
 var bt=document.getElementById("bt");
 bt.onclick=function()
 {
  if(document.myform.name.value=="")
  {
   alert("用户名不能为空!");
   document.myform.name.focus();
   return false;
  } 
  else if(document.myform.pw.value=="")
  {
   alert("密码不能为空!");
   document.myform.pw.focus();
   return false; 
  }
 }
}
</script>
</head>
<body>
<form action="index.php" method="get" name="myform">
<ul>
 <li>姓名:<input type="text" name="name" id="name" /></li>
 <li>密码:<input type="text" name="pw" id="age" /></li>
 <li><input type="submit" id="bt"/></li>
</ul>   
</form>
</body>
</html>

以上就是本文的详细内容，希望对大家的学习有所帮助。

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

- Author -

程序员小菜

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery1.5.1 animate方法源码阅读

Apr 05 Javascript

JS 添加千分位与去掉千分位的示例

Jul 11 Javascript

JavaScript中用字面量创建对象介绍

Dec 31 Javascript

js使用DOM设置单选按钮、复选框及下拉菜单的方法

Jan 20 Javascript

BootstrapValidator超详细教程(推荐)

Dec 07 Javascript

jQuery实现选项卡功能（两种方法）

Mar 08 Javascript

react.js 获取真实的DOM节点实例(必看)

Apr 17 Javascript

详解从新建vue项目到引入组件Element的方法

Aug 29 Javascript

vue.js实现二级菜单效果

Oct 19 Javascript

详解微信小程序入门从这里出发（登录注册、开发工具、文件及结构介绍）

Jul 21 Javascript

JS如何调用WebAssembly编译出来的.wasm文件

Nov 05 Javascript

再也不怕 JavaScript 报错了,怎么看怎么处理都在这儿

Dec 09 Javascript

小心！AngularJS结合RequireJS做文件合并压缩的那些坑

Jan 09 #Javascript

javascript跑马灯抽奖实例讲解

Apr 17 #Javascript

jQuery页面刷新(局部、全部)问题分析

Jan 09 #Javascript

javascript返回顶部的按钮实现方法

Jan 09 #Javascript

javascript类型系统 Array对象学习笔记

Jan 09 #Javascript

JS中生成随机数的用法及相关函数

Jan 09 #Javascript

JavaScript电子时钟倒计时

Jan 09 #Javascript