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

    表单验证的步骤:
    1、编写函数来进行验证
    function valid()
    {
    //编写验证代码
    return true;
    }
    2、在提交按钮中调用函数或者在表单提交事件中调用函数
    onclick="return valid()"

    具体验证代码:
    1)验证文本框、下拉框非空的方式
    var obj=document.getElementById("元素id");
    if(obj.value=="")
    {
    alert("xx不能为空!");
    obj.focus();
    return false;
    }

    2)验证单选框和复选框至少选中一项
    a、给要验证的单选框或者复选框取同样的name
    b、var objs=document.getElementsByName("你取的name");
    var flag=false;
    for(var i=0;i<objs.length;i++)
    {
    if(objs[i].checked)
    {
    flag=true;
    break;
    }
    }
    if(flag==false)
    {
    alert("xx至少选中一项");
    return false;
    }

    3、验证文本框的格式
    var obj=document.getElementById("元素id");
    var part=/正则表达式/;
    if(!part.test(obj.value))
    {
    alert("xx格式不正确!");
    obj.focus();
    obj.select();
    return false;
    }


    4、验证单选框、复选框并获取值
    var objs=document.getElementsByName("你取的name");
    var str="";
    for(var i=0;i<objs.length;i++)
    {
    if(objs[i].checked)
    {
    str+=objs[i].value+",";
    //break;单选则加,复选则不加
    }
    }
    if(str=="")
    {
    alert("xx至少选中一项");
    return false;
    }
    else
    {
    //去掉最后一个逗号
    str=str.replace(/,$/g,"");
    }

  • 相关阅读:
    vue分享二维码
    Linux的软件安装
    linux命令操作
    禅道的使用方法
    测试管理工具的安装和介绍
    测试Bug
    软件缺陷和软件缺陷的种类
    测试计划和测试用例
    双肩包,椅子,电梯的测试用例
    软件生命周期的模型
  • 原文地址:https://www.cnblogs.com/you-zi/p/4351205.html
Copyright © 2011-2022 走看看