DY点线面

  • 首页
  • blog
  • 设计导航
  • 下载
  • 吾爱淘
  • 关于
DY点线面
分享优秀的设计资源
  1. 首页
  2. 代码
  3. 正文

【js学习笔记】表单是否为空验证

2017年05月09日 240点热度 0人点赞 0条评论

HTML代码

<form action="" method="post" name="form1" >
 <input name="user" id="user" type="text">
 <input name="pwd" id="pwd" type="text">
 <input type="button" name="Button" value="登录" onClick="check()">
</form>

JS代码

<script>
function check(){
 var name=form1.user.value;//获取用户名信息
 var pwd=form1.pwd.value;//获取密码信息
 if(name==""||name==null){//用户名是否为空
 
 alert("请输入用户名");
 form1.user.focus();//焦点
 return false;

 }else if(pwd==""||pwd==null){//密码是否为空
 
 alert("请输入密码");
 form1.pwd.focus();
 return;

 }else{
 
 form1.submit()//提交
 
 }
 }
</script>
标签: js 表单验证
最后更新:2017年05月09日

D.Young

A designer who looks like a Csser.

点赞
< 上一篇
下一篇 >

文章评论

您需要 登录 之后才可以评论

D.Young

A designer who looks like a Csser.

站内搜索
标签聚合
动效 logo 网页设计 字体 用户体验 设计 CSS 图标
广告
广告
公众号

Copyright ©2014-2021 DY点线面. All Rights Reserved.

THEME KRATOS MADE BY VTROIS

鲁ICP备15008799号-1