• Javascript表单(text,radio,checkbox等)验证大全0830


    1.动态复制文本框内容

    document.myForm.copyText.value = document.myForm.myText.value

    -------------------

    1.长度限制

    <script>

    function test()

    {   

    if(document.a.b.value.length>50)

     {

    alert("不能超过50个字符!");

    document.a.b.focus();

    return false;

      }

    }

    </script>

    <form name=a onsubmit="return test()">

    <textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>

    <input type="submit" name="Submit" value="check">

    </form>

    2.只能是英文

    <script language=javascript>

    function onlyEng()

    {

    if(!(event.keyCode>=65&&event.keyCode<=90))

    event.returnvalue=false;

    }

    </script>

    <input onkeydown="onlyEng();">

    3. 只能是数字

    <script language=javascript>

    function onlyNum()

    {

    if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))

    //考虑小键盘上的数字键

    event.returnvalue=false;

    }

    </script>

    <input onkeydown="onlyNum();">

    4.两次输入密码是否相同

    <FORM METHOD=POST ACTION="">

    <input type="password" id="input1">

    <input type="password" id="input2">

    <input type="button" value="test" onclick="check()">

    </FORM>

    <script>

    function check()

    {

    with(document.all){   //document.all兼容性不好,慎用

    if(input1.value!=input2.value)

    {

    alert("false")

    input1.value = "";

    input2.value = "";

    }

    else document.forms[0].submit();

    }

    }

    </script>

    5.屏蔽右键

    oncontextmenu="return false" ondragstart="return false" onselectstart="return false"

    加在body中

     6.表单不能为空

    function CheckForm()

    {

    if (document.form.name.value.length == 0) {

    alert("请输入您姓名!");

    document.form.name.focus();

    return false;

    }

    return true;

    }

    7.反选

    <form id="form1" name="form1" method="post" action="">

     <p align="center">
        <input type="checkbox" name="checkbox" value="checkbox" id="basketball"/>
        篮球
        <input type="checkbox" name="checkbox" value="checkbox" id="football" />
        足球
        <input type="checkbox" name="checkbox" value="checkbox" id="pingpong" />
        兵乓球 
        <input name="button" type="button" id="button" value="反选 "onclick="setcheckbox()" />
    </p>

    </form>

    javascript代码

    function setcheckbox()
     {
      var boxs=document.getElementsByName("checkbox");
      for(var i=0;i<boxs.length;i++)
      {
       boxs[i].checked=!boxs[i].checked;
      }
     }

    8.判断多选框有没有被选中

    function checkselect()
     {
      var cs=document.getElementsByName("checkbox2");
      var flag=false;
      for(var c=0;c<cs.length;c++)
      {
       if(cs[c].checked)
       {
        flag=true;
        break;
       }
      }
      if(flag)
      {
       alert("复选框有选中");
      }
      else
      {
       alert("请至少选择一个复选框");
      }
     }

  • 相关阅读:
    CDQ分治
    2-sat
    整体二分
    apache性能优化
    apache反向代理出现502调整
    hadoop学习笔记肆--元数据管理机制
    ssh 免密码登录配置,及其原理
    extjs 中的一些鲜为人知的属性(深渊巨坑)
    hadoop学习笔记叁--简单应用
    hadoop学习笔记贰 --HDFS及YARN的启动
  • 原文地址:https://www.cnblogs.com/peng14/p/2663698.html
Copyright © 2020-2023  润新知