`
jackroomage
  • 浏览: 1217810 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

js 控制select 和 radio 赋值和并传值 和 验证电话,手机,邮箱,身份证。

 
阅读更多

1、提交表单

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ include file="/WEB-INF/jsp/common/common.jsp" %>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta HTTP-EQUIV="expires" CONTENT="0">
<link rel="stylesheet" href="${_currConText }/css/jzzq/index.css">
<link href="${_currConText }/css/jzzq/register_jz.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="courselist.css">
<meta http-equiv="refresh" content="600">
</head>
<script language=Javascript src="/title.js">
</script>

<script>
function checkdata() {
   //  联系电话
    var regzuoji = /^\d+$/;
   // 手机验证
   reiphone= /^(13[0-9]{9})|(15[89][0-9]{8})$/
    // 邮箱地址验证
    remail= /\w@\w*\.\w/
    // 邮编验证
    var re= /^[1-9][0-9]{5}$/
    // 身份证验证
    var regex = /^[1-9]\d{16}[\d|x|X]$/;
   if (!regzuoji.exec(document.memberform.HomeTel.value)){
         alert("\联系电话号码不正确!!")
         document.memberform.HomeTel.focus()
         return false
       }
    else if (!reiphone.exec(document.memberform.MobilePhone.value)){
          alert("\手机号码不正确!!")
         document.memberform.MobilePhone.focus()
         return false
        }
    else if (!remail.exec(document.memberform.Email.value)){
           alert("\邮箱输入不正确!!")
        document.memberform.Email.focus()
        return false
        }
       else if (!re.exec(document.memberform.ZipCode.value)){
               alert("\邮编输入不正确!!")
            document.memberform.ZipCode.focus()
            return false
       }
       else if (!regex.exec(document.memberform.CardID.value)){
        alert('身份证输入错误!!!');
        return false
       }
       else if (document.memberform.FullName.value == "" ){
               alert("\姓名不能为空!!")
            document.memberform.FullName.focus()
            return false
       }
       else if ( document.memberform.password.value == "" ){
               alert("\密码不能为空!!")
            document.memberform.password.focus()
            return false
       }
       else if (document.memberform.check.value=='请输入右侧数字' || document.memberform.check.value=='')
        {    alert("为保证广大学员密码的安全性,防止有人恶意盗取网校学员代码和密码,必须在“验证码输入框”中输入其右侧当前4位数字!");
        document.memberform.check.focus();
        return false; 
        }      
       else if ( document.memberform.BirthYear.value == "" ){
               alert("\年份不能为空!!")
            document.memberform.BirthYear.focus()
            return false
       }
       else if ( document.memberform.BirthMonth.value == "" ){
               alert("\月份不能为空!!")
            document.memberform.BirthMonth.focus()
            return false
       }
       else if ( document.memberform.BirthDay.value == "" ){
               alert("\日期不能为空!!")
            document.memberform.BirthDay.focus()
            return false
       }
       else if ( document.memberform.Province.value == "" ){
               alert("\省份不能为空!!")
            document.memberform.Province.focus()
       }
       else if ( document.memberform.Area.value == "" ){
               alert("\地区不能为空!!")
            document.memberform.Area.focus()
       }
       else if ( document.memberform.EduLevel.value == "" ){
               alert("\教育程度不能为空!!")
            document.memberform.EduLevel.focus()
       }
       else if ( document.memberform.UnitName.value == "" ){
               alert("\工作单位不能为空!!")
            document.memberform.UnitName.focus()
       }
       else if ( document.memberform.MailAddr.value == "" ){
               alert("\通讯地址不能为空!!")
            document.memberform.MailAddr.focus()
       }
         else{
            return true;
        }
           return false;
}
</script>

<script>
function   testsex(){
    var   i   =   0;
    for(i=0;i<document.all.sex.length;i++){
    if(document.all.sex[i].checked   ==   true){
    document.getElementById("sexid").value=document.all.sex[i].value;
    }
    }
    }
function ckc(){
    document.getElementById("selectinputid").value=document.getElementById("selectid").value
}   
function ckcjy(){
    document.getElementById("jiaoyuinputid").value=document.getElementById("jiaoyuid").value
}
</script>

<BODY bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<FORM name="memberform" method=post  action="changedxf_jz_update.shtm" onSubmit="return checkdata()" onclick="testsex();">
  <DIV align="center"> <br />
    <br />
    <table width="700" border="0" cellpadding="0" cellspacing="0">
              <tr>
                <td height="30" align="left" valign="bottom"><b><font color="#DF3600" class="f14b">您可以查看并修改您的个人注册信息:</font></b></td>
              </tr>
    </table>
            <table width="700" border="0" cellpadding="6" cellspacing="1" bgcolor="#5FC701">
              <tr>
                <td align="left" bgcolor="#FCFFF4" style="padding:6px 0"><span class="f12"><font color="#FF0000"><font color="#0000FF"><font color="#76716D">  为保证您的合法权益,请<b>务必填写</b>以下尽可能详细的<b>真实个人信息</b>。</font></font></font></span></td>
              </tr>
    </table>
              <table width="700" height="39" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td align="left" valign="bottom"><font color="#DF3600" class="f14b">注册信息修改:</font></td>
                </tr>
    </table>
            <table width="700" border="0" cellpadding="6" cellspacing="1" bgcolor="#5FC701">
              <tr>
                <td bgcolor="#FCFFF4">
                  <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">真实姓名:</font>
                            <input name="FullName" type="text" class="f12" value="" size="20" maxlength="18"></td>
                    </tr>
                  </table>
                    <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/home_jz/line1.gif"></td>
                      </tr>
                  </table>
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">密  码:</font>
                            <INPUT name=password type=password maxlength="15" size="25" id=input1></td>
                        </tr>
                  </table>
                    <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/home_jz/line1.gif"></td>
                      </tr>
                  </table>
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><span class=font1><font color="#76716D">验 证 码:</font></span>
                            <input id=input1 type="text" name="check" size="18"
                             onClick="if(this.value=='请输入右侧数字')this.value=''"
                                 onFocus=this.select()
                                 onMouseOut="if(this.value=='')this.value='请输入右侧数字';"
                             onMouseOver=this.focus() value=请输入右侧数字 maxlength="4">
                            <img src="${_currConText }/jsp/image.jsp?VIName=updatePasswd" /></td>
                        </tr>
                  </table>
                      <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/home_jz/line1.gif"></td>
                      </tr>
                  </table>
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">性  别:
                            <INPUT  name=sex type=radio value=女 checked="checked"  onClick="testsex();">
                            女
                                                      <INPUT name=sex type=radio value=男  onClick="testsex();">
                            男 </font>
                            <input type="hidden" id="sexid" name="sexid"/>
                            </td>
                        </tr>
                  </table>
                    <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/home_jz/line1.gif"></td>
                      </tr>
                  </table>
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">出生日期:
                            <INPUT maxLength=4 name=BirthYear size=4 value="" id=input1>
                            年
  <INPUT maxLength=2 name=BirthMonth size=2 value="" id=input1>
                            月
  <INPUT maxLength=2 name=BirthDay size=2 value="" id=input1>
                            日 </font></td>
                        </tr>
                  </table>
                    <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/home_jz/line1.gif"></td>
                      </tr>
                  </table>
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">居住地区:
                            <SELECT id="selectid" name=Province size=1 class="f12" onchange="ckc(this.options[this.options.selectedIndex].value);">
                              <option>选择地区</option>
                              <OPTION  value=北京>北京</OPTION>
                              <OPTION  value=广东>广东</OPTION>
                              <OPTION  value=上海>上海</OPTION>
                              <OPTION  value=广西>广西</OPTION>
                              <OPTION  value=海南>海南</OPTION>
                              <OPTION  value=湖南>湖南</OPTION>
                              <OPTION  value=湖北>湖北</OPTION>
                              <OPTION  value=江西>江西</OPTION>
                              <OPTION  value=江苏>江苏</OPTION>
                              <OPTION  value=浙江>浙江</OPTION>
                              <OPTION  value=福建>福建</OPTION>
                              <OPTION  value=安徽>安徽</OPTION>
                              <OPTION  value=云南>云南</OPTION>
                              <OPTION  value=贵州>贵州</OPTION>
                              <OPTION  value=四川>四川</OPTION>
                              <OPTION  value=重庆>重庆</OPTION>
                              <OPTION  value=天津>天津</OPTION>
                              <OPTION  value=河南>河南</OPTION>
                              <OPTION  value=河北>河北</OPTION>
                              <OPTION  value=山东>山东</OPTION>
                              <OPTION  value=山西>山西</OPTION>
                              <OPTION  value=辽宁>辽宁</OPTION>
                              <OPTION  value=吉林>吉林</OPTION>
                              <OPTION  value=黑龙江>黑龙江</OPTION>
                              <OPTION  value=陕西>陕西</OPTION>
                              <OPTION  value=青海>青海</OPTION>
                              <OPTION  value=西藏>西藏</OPTION>
                              <OPTION  value=新疆>新疆</OPTION>
                              <OPTION  value=甘肃>甘肃</OPTION>
                              <OPTION  value=宁夏>宁夏</OPTION>
                              <OPTION  value=内蒙>内蒙</OPTION>
                              <OPTION  value=香港>香港</OPTION>
                              <OPTION  value=澳门>澳门</OPTION>
                              <OPTION  value=台湾>台湾</OPTION>
                              <OPTION  value=国外>国外</OPTION>
                          </SELECT>
                  <input type="hidden"" id="selectinputid" name="selectinputid"/>       
                            省(直辖市)
  <input name="Area" size=10 maxlength="20" value="" id=input1>
                            地区 </font></td>
                        </tr>
                  </table>
                    <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/home_jz/line1.gif"></td>
                      </tr>
                  </table>
                        <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                          <tr>
                            <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">教育程度:
                            <SELECT id="jiaoyuid" name=EduLevel size=1 class="f12"  onchange="ckcjy(this.options[this.options.selectedIndex].value);">
                              <option>请选择</option>
                              <OPTION  value=大专以下>大专以下</OPTION>
                              <OPTION  value=大专>大专</OPTION>
                              <OPTION  value=本科>本科</OPTION>
                              <OPTION  value=本科以上>本科以上</OPTION>
                          </SELECT>
                          <input type="hidden"" id="jiaoyuinputid" name="jiaoyuinputid"/>
                            </font></td>
                        </tr>
                        </table>
                      <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                        <tr>
                          <td><img src="${_currConText }/images/home_jz/line1.gif"></td>
                        </tr>
                        </table>
                        <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                          <tr>
                            <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">身份证号:
                            <input type="text" name="CardID" size="18" value="" maxlength="18" id=input1>
                            </font></td>
                        </tr>
                        </table>
                      <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                        <tr>
                          <td><img src="${_currConText }/images/home_jz/line1.gif"></td>
                        </tr>
                        </table>                   
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">工作单位:
                            <input name=UnitName size=53 value="" id=input1>
                            </font></td>
                        </tr>
                        </table>
                      <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                        <tr>
                          <td><img src="${_currConText }/images/home_jz/line1.gif"></td>
                        </tr>
                        </table>
                    <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                      <tr>
                        <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">通信地址:
                            <INPUT name=MailAddr size=53 value="" id=input1>
                            </font></td>
                      </tr>
                  </table>
                    <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/line.gif"></td>
                      </tr>
                  </table>
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">邮政编码:
                            <INPUT name=ZipCode size=14 value="" maxlength="6" id=input1>
                            </font></td>
                        </tr>
                  </table>
                    <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/line.gif"></td>
                      </tr>
                  </table>
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">电子邮箱:
                            <INPUT name=Email maxlength="40" size=25 value="" id=input1>
                            </font></td>
                        </tr>
                  </table>
                    <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/line.gif"></td>
                      </tr>
                  </table>
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">联系</font><font color="#76716D">电话:
                            <input type="text" name="HomeTel" value="" maxlength="20" id=input1>
                            </font></td>
                        </tr>
                  </table>
                    <table width="660" border="0" cellspacing="0" cellpadding="0" align="center" background="${_currConText }/images/home_jz/line1.gif">
                      <tr>
                        <td><img src="${_currConText }/images/line.gif"></td>
                      </tr>
                  </table>
                      <table width="660" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="18"><img src="${_currConText }/images/home_jz/dian9.gif" width="6" height="6"></td>
                          <td width="732" height="30" align="left"><font color="#76716D">手  机:
                            <input name=MobilePhone size="20" value="" maxlength="20" id=input1>
                            </font></td>
                        </tr>
                  </table>
                      <table width="100%" height="10" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td></td>
                        </tr>
                  </table>
                </td>
              </tr>
    </table>
              <table width="700" border="0" cellpadding="0" cellspacing="0" height="80" align="center">
                <tr align="center">
                  <td><INPUT name=B1 type=submit value=提  交 class="bt_reg3" >   
                    <INPUT name=B2 type=reset value=还  原 class="bt_reg3">
                  </td>
                </tr>
    </table>
  </DIV>
</FORM>
</BODY>

</html>

 

 

2、页面传到的页面

 

 

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ include file="/WEB-INF/jsp/common/common.jsp" %>
<HEAD>
<TITLE></TITLE>

   <script language=javascript>

     </script>

</HEAD>
<BODY bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
     
     姓名:<input  value="${param.FullName }"/><br>
     密码:<input  value="${param.password }"/><br>
     性别:<input  value="${param.sexid }"/><br>
     年:   <input  value="${param.BirthYear }"/><br>
     月:   <input  value="${param.BirthMonth }"/><br>
     日:  <input  value="${param.BirthDay }"/><br>
     省:  <input  value="${param.selectinputid }"/><br>
     区:<input  value="${param.Area }"/><br>
     教育程度:<input  value="${param.jiaoyuinputid }"/><br>
    身份证号:<input  value="${param.CardID }"/><br>
     工作单位:<input  value="${param.UnitName }"/><br>
     通讯地址:<input  value="${param.MailAddr }"/><br>
      邮政编码:<input  value="${param.ZipCode }"/><br>
     电子邮箱:<input  value="${param.Email }"/><br>
      联系电话:<input  value="${param.HomeTel }"/><br>
      手机号:<input  value="${param.MobilePhone }"/><br>            
    

</BODY>
</HTML>

 

 

 

分享到:
评论

相关推荐

    原生js select下拉选项框给文本框赋值代码

    原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码

    select checkbox radio项直接赋值jQuery插件

    jQuery插件只可以用val方法给input标签的text、...而checkbox、radio属性和select标签就无法直接赋值,必须用遍历的方法使对应项选中。 我自己写了一个jQuery的插件,可以直接用setval方法像赋值一样设定选中项。

    select,radio 表单回显避免使用jquery载入赋值 .txt

    select,radio 表单回显避免使用jquery载入赋值

    select-disabled-传值

    具体包括了如何通过JSP和JavaScript动态控制`select`元素的`disabled`属性,以及如何在表单提交前解除该属性以确保数据能够正确传递给服务器端。这种方法适用于多种应用场景,特别是在需要限制用户交互的同时保持...

    SQL中SET和SELECT赋值的区别

    本文将详细介绍 SET 和 SELECT 赋值的区别,并讨论何时该使用哪个。 首先,需要注意的是,SET 和 SELECT 都可以用于赋值,但是它们的使用场景和效果不同。SET 是一种基本的赋值方式,它可以将一个值赋给一个变量,...

    js控制select选中显示不同表单内容select下拉菜单特效

    js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效

    js select 实现左右传值

    Js实现两个Select标签中的选项之间的移动

    js控制select相关方法

    以下是对标题和描述中提到的JavaScript控制`select`相关方法的详细说明: 1. **判断 select 选项中 是否存在 Value="paraValue"的 Item** 这个功能可以通过遍历`select`的`options`数组来实现,检查每个选项的`...

    jquery 设置select checkbox radio只读

    昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个

    tab切换纯js,select,radio,切换

    本文将详细讲解如何使用纯JavaScript实现Tab切换,以及与之相关的`select`选择器和`radio`单选按钮的切换。 首先,我们来理解Tab切换的基本概念。在HTML结构中,通常会有几个包含不同内容的`div`元素,它们被隐藏或...

    jquery 动态遍历select 赋值的实例

    本文主要讲解了如何使用jQuery动态地遍历select元素,并为其赋值。这是一项非常实用的技术,尤其在动态网站开发中,经常会遇到需要根据不同的数据动态更新下拉列表选项的情况。 知识点一:遍历和选择select元素中的...

    Jquery实现select下拉列表根据radio选项级联

    `loadOptionsForSelect1`和`loadOptionsForSelect2`是假设的函数,它们负责根据所选的radio按钮值从服务器获取数据,并更新对应的select下拉列表。实际应用中,这些函数可能涉及到Ajax请求,如使用`$.ajax`或`$.get`...

    Django forms表单 select下拉框的传值实例

    本文将深入探讨如何在Django forms中创建一个包含`select`下拉框的表单,并且理解其传值机制。 首先,我们需要在`forms.py`文件中定义一个自定义的表单类,例如`SignupForm`。在这个类中,我们创建字段(fields),...

    bootstrapvalidator表单验证 +select2 拼音模糊匹配 demo

    BootstrapValidator提供了多种内置验证规则,如非空、邮箱格式、手机号码等,同时也支持自定义验证规则,通过JavaScript编写验证逻辑。用户在填写表单时,如果输入不符合验证规则,BootstrapValidator会实时给出反馈...

    checkbox-radio-select样式自定义

    在前端开发中,`checkbox`、`radio`和`select`是三种常见的表单元素,它们用于用户交互,收集和提交数据。`checkbox`用于多选,`radio`用于单选,而`select`通常用于下拉列表选择。在本项目"checkbox-radio-select...

    layui layer.open()中的select,radio不显示.zip

    layui layer.open()中的select,radio不显示.zip

    Koo.js-标签式表单验证及初始化插件及演示支持select,checkbox,radio.zip

    Koo.js是一个专门针对这一需求设计的JavaScript插件,它提供了标签式的表单验证功能,并且对select、checkbox、radio等元素提供了良好的支持。下面我们将深入探讨Koo.js的核心特性和使用方法。 一、Koo.js简介 Koo...

    layui监听select变化,以及设置radio选中的方法

    一、select监听 1.首先,要给select加一个layui提供的属性 lay-filter=“level” 这里面的level自己定义,下面会用到 2.导入form layui.use('form', function(){ var form = layui.form; //只有执行了这一步,部分...

    MYSQL数据库校验身份证函数

    ### MySQL数据库校验身份证函数详解 ...通过对不同位数的身份证号码进行格式验证和逻辑校验,确保了数据的准确性和一致性。在实际应用中,可以根据具体需求对函数进行调整和优化,以更好地满足业务需求。

    Js操作Select大全(取值、设置选中等等)

    本文档将详细介绍如何利用原生JavaScript和jQuery来操作`&lt;select&gt;`元素,包括但不限于取值、设置选中状态等常见操作。 #### 二、基础知识回顾 在开始深入讲解之前,我们先回顾一下`&lt;select&gt;`的基本结构: ```html ...

Global site tag (gtag.js) - Google Analytics