zoukankan      html  css  js  c++  java
  • 正则表达

    <!DOCTYPE html>
    <html>
    <head>
     <title>正则表达式</title>
     <meta charset="utf-8">
     <style>
     .input{
                300px;
                height: 40px;
                font: 20px/40px "";
                margin: 200px 320px;
            }
            .input1{
             
                height: 40px;
                font: 20px/40px "";
                margin: 200px -320px;
            }
        .a{
                 120px;
                 height: 50px;
                 position: relative;
                 left: 300px;
                 font: 30px/50px "";
             }
        </style>
        <script>
        function 检测()
     {
      var name=document.getElementsByTagName('name').value;
      var norms=/^[A-Za-z0-9]{1,6}/;
      
      if (norms.test(name))
      {
       alert("OK");
      }
      else
      {
       alert("NO");
      }
     }
     </script> 
     
    </head>
    <body>
     <label for="name" class="a">Name:</label>
      <input type="text" placeholder="不超过6个字符" name="name" id="name" class="input">
      <input type="button" value="检测" onclick="检测()" class="input1">
     
     
    </body>
    </html>
     
    效果如下:
  • 相关阅读:
    算法训练 接水问题
    算法训练 数组排序去重
    算法训练 A+B Problem
    算法训练 采油区域
    算法训练 会议中心
    JS高级
    JS基础操作
    JavaScript入门(基础)
    表格与表单
    音频与视频
  • 原文地址:https://www.cnblogs.com/0sakura0/p/9879945.html
Copyright © 2011-2022 走看看