zoukankan      html  css  js  c++  java
  • js 表单非空验证

    通过判断(if)表单标签中的name属性,去确认表单中的value里面是否为空。

      如果是,则弹出提示框。

    <input type="text" name="topic" placeholder="日记主题"><br>

    if(form1.topic.value==""){
      alert("日记主题不能为空!");  //提示框

      form1.topic.focus();  //.focus():获取焦点。就是自动把光标移到该表单上

      return false;  //返回
    }

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
        </head>
        <body>
        <form action="" method="post" action="" onsubmit="return check_form(this)">     //这里不加return将不会触发
           <input type="text" name="topic" placeholder="日记主题"><br>
        <textarea name="wznr" rows="6" placeholder="写点什么吧"></textarea><br>
        <input name="submit" type="submit" value="发表" >
        <input name="reset" type="reset" value="重置">
        </form>
        <script>
            function check_form(form1){
        if(form1.topic.value==""){
          alert("日记主题不能为空!");form1.topic.focus();return false;
        }
        
        if(form1.wznr.value=="")  {
          alert("内容不能为空!");form1.wznr.focus();return false;
        }
    }
    
        </script>
        </body>
    </html>

    以上为简单案例,并未添加css样式。

  • 相关阅读:
    推荐影视
    《算法设计》一、引言:某些典型的问题
    使用google地图API
    Python导入不同文件夹下模块
    Pycharm之远程编程
    linux之scp
    Photoshop脚本之jpg转换成eps
    win7重新安装win7
    查看修改swap空间大小
    用 EasyBCD 在 Win7/8 中硬盘安装 Ubuntu
  • 原文地址:https://www.cnblogs.com/yinwangyizhi/p/9088115.html
Copyright © 2011-2022 走看看