js判断file是否为空_JS简单表单验证,判断不为空

2020 .06 .30

JavaScript

4d71a46653578bd12f048c83f1048f48.png 图 | gucci   
哈喽,大家好,我是小7,你们的IT知识干货提供者。 abc546e3a17e48440bd79fee6dd91900.gif 文 | 与其终

JS简单表单验证,判断不为空

先上简略的效果图:

b54010b9616107c89ab77c972abc0a50.png

我只是简单的判断如果文本框为空,就弹出不能为空的警告框;
如果你们判断条件很多,可以多加一点~拷代码环节:

<html>  <head>    <meta charset="UTF-8">    <title>JS表单验证title>  head>  <body>    <div class="big">      <form action="" method="get">        <table>          <tr>            <td>会员名:td>            <td><input type="text" id="vipName"/><br />td>          tr>          <tr>            <td>性别:td>            <td>男<input type="radio" id="m" name="sex" checked="checked"/><br />td>            <td>女<input type="radio" id="w" name="sex"/><br />td>          tr>          <tr>            <td>密码:td>            <td><input type="password"  id="password" /><br />td>          tr>          <tr>            <td>电子邮件地址:td>            <td><input type="email"  id="e" /><br />td>          tr>          <tr>            <td>年龄:td>            <td><input type="text"  id="nl" /><br />td>          tr>          <tr>            <td>密码:td>            <td><input type="password"  id="password" /><br />td>          tr>          <tr>            <td>td>            <td ><button onclick="button_Register()">注册button>td>          tr>        table>      form>    div>  body>  <script type="text/javascript">    function button_Register(){      var name = document.getElementById("vipName").value;      var man = document.getElementById("m").value;      var woman = document.getElementById("w").value;      var pwd = document.getElementById("password").value;      var email = document.getElementById("e").value;      var age = document.getElementById("nl").value;//      window.alert(name);      if(name==""){        alert("用户名不能为空!");      }else if(man==""&&woman==""){        alert("性别不能为空!");      }else if(pwd==""){        alert("密码不能为空!");      }else if(pwd.length<6){        alert("密码不能小于6位数!");      }else if(email==""){        alert("邮箱不能为空!");      }else if(age==""){        alert("年龄不能为空!");      }else{        alert("信息输入正确");      }    }script>html>
385b4ec4ed532b1dddc5d92264d938b5.png

▎关于作者

我是与其终,一个风起云涌的女孩子。qq群:670983672。我学过Html5+Css3+JS、Bootstrap、JQuery、C、Java、JavaSwing、JavaWeb、SSM、Android、Linux、Mysql、单片机等。

▎往期推荐

在公司你要知道的Git和SVN的那些事    |    Java面向对象实例——无名粉店    |    嗨,听说...你还不会正则表达式    |    初入职场,这些你都知道了吗

— 很高兴你能看到我的公众号,希望能对你有所帮助。—

关注小7,持续为你提供更多优质干货feb0bbaad2e49a186ecfa642306f3905.png

568b4a02ddfa5fddc587156170842ee9.png eb446bb768293d94808da7c3689dc903.png 8b28bba64cf49b816a3c160cb2c5d8aa.gif

扫码关注



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值