- 浏览: 1217810 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (706)
- 全部博客(10000) (0)
- java基础 (123)
- 算法及数据结构 (64)
- SSH框架整合与平台系统分析 (11)
- j2ee (46)
- Oracle (95)
- SQL Server (11)
- javaScript (73)
- Ajax (22)
- jQuery (39)
- ExtJs (4)
- jsp (13)
- Servlet (6)
- struts1 (2)
- struts2 (33)
- Ibatis (2)
- hibernate (24)
- Spring (11)
- 设计模式 (8)
- 正则表达式 (9)
- UML (0)
- XML (9)
- linux (19)
- CSS (11)
- FreeMarker (4)
- nginx 与 memcached (6)
- SEO (5)
- Web 服务器 (11)
- junit 与 selenium2 (4)
- MyEclipse 有关的问题 (24)
- 生活杂感 (37)
- 看过的书 (2)
- 技术牛人 (2)
- 需要优化的例子 (3)
- English 学习 (7)
- bug修改的解决方法 (2)
- 数据库实战经验总结 (1)
- 期待解决的问题 (20)
- 等待自己学习的东西 (15)
- 自己公司代码结构总结 (15)
- 企业经营之道 (23)
- 工具管理 (1)
- 世范水晶 (2)
最新评论
-
hustkeai:
第一个方法是不对的
求一个Map中最大的value值,同时列出键,值 -
qq591920734:
java List 排序 Collections.sort() 对 List 排序(首先年龄排序,如果年龄相同,则按名字排序) -
qq591920734:
[color=orange][/color]包女包女不女
java List 排序 Collections.sort() 对 List 排序(首先年龄排序,如果年龄相同,则按名字排序) -
timer_yin:
seagrave 写道这个算法想法不错,但太耗时,我用1、2、 ...
用1、2、2、3、4、5这六个数字,数字排序经典算法 -
hellostory:
日常生活中,我们都不按你上面的那个方法算的!!!
JAVA小函数-计算日期差
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>
发表评论
-
jQuery 弹出 div层
2013-11-22 18:58 1057<!DOCTYPE HTML PUBLIC " ... -
匹配数字或包含最多两位小数的数字
2013-11-05 16:24 17141、匹配数字<input onkeyup=" ... -
jQuery学习之prop和attr的区别
2013-07-05 16:34 1017.prop() 1、.prop( propertyN ... -
jquery 实现 邮箱的 全选/全不选 全选与全不选功能
2013-07-04 17:43 964<!DOCTYPE HTML PUBLIC " ... -
HTML <input> 标签的 maxlength 属性
2013-06-28 14:45 867HTML <input> 标签的 maxlen ... -
触发 mouseover 事件和 mouseenter 事件 的区别
2013-06-17 15:02 1201来源: http://www.w3school.com.c ... -
js清除input中type等于file的值域
2013-05-20 15:19 621js清除input中type等于file的值域 ... -
如何用js控制img中src图片路径改变
2013-05-15 16:39 6806下边是一列小图片(src图片路径是动态生成的)上边有一个di ... -
<input type="file" id="fileID">这个文本框里的值 怎么清空啊?
2013-05-15 15:30 1038来源: <input type="fil ... -
多个图片上传 js 预览功能
2013-05-15 14:44 20137一 、方法1 来源:ht ... -
单个图片上传 js 预览图片 功能
2013-05-02 19:05 1192方法1、 <!DOCTYPE HTML PU ... -
取字符串中的数字,汉字,去掉字符串空格
2013-04-09 11:58 1067<html> <head> < ... -
js 放在html 的位置 不同 造成的结果页不相同
2013-02-18 16:56 1996例子1、代码可以正常执行: <%@ page lan ... -
Jquery通过JSON和Struts的Action交互
2012-10-24 20:59 8291、Jquery通过JSON和Struts的Action交互 ... -
IE6下<a href="#">与<a href="javascript:void(0);">的区别
2012-08-09 11:41 9201、点击下面连接 IE6下<a href=&quo ... -
JS中encodeURI,escape,encodeURIComponent区别
2012-07-30 09:53 1178JS中encodeURI,escape,encodeURI ... -
设置editplus的编码格式
2012-07-22 23:54 8948方法1、设置editplus的编码格式,如下图: ... -
对file输入框的美化,换成图片的形式
2012-06-14 16:20 1281重点代码如下: http://topic.csdn.n ... -
onclick="return checkForm()" 什么情况下加 "return"
2012-05-29 21:02 5118<html> <head> ... -
js 中的onselect 与jQuery中的select 事件的用法
2012-05-03 15:12 32781、 jQuery 的用法如下: <!DO ...
相关推荐
原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码 原生js select下拉选项框给文本框赋值代码
jQuery插件只可以用val方法给input标签的text、...而checkbox、radio属性和select标签就无法直接赋值,必须用遍历的方法使对应项选中。 我自己写了一个jQuery的插件,可以直接用setval方法像赋值一样设定选中项。
select,radio 表单回显避免使用jquery载入赋值
具体包括了如何通过JSP和JavaScript动态控制`select`元素的`disabled`属性,以及如何在表单提交前解除该属性以确保数据能够正确传递给服务器端。这种方法适用于多种应用场景,特别是在需要限制用户交互的同时保持...
本文将详细介绍 SET 和 SELECT 赋值的区别,并讨论何时该使用哪个。 首先,需要注意的是,SET 和 SELECT 都可以用于赋值,但是它们的使用场景和效果不同。SET 是一种基本的赋值方式,它可以将一个值赋给一个变量,...
js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效
Js实现两个Select标签中的选项之间的移动
以下是对标题和描述中提到的JavaScript控制`select`相关方法的详细说明: 1. **判断 select 选项中 是否存在 Value="paraValue"的 Item** 这个功能可以通过遍历`select`的`options`数组来实现,检查每个选项的`...
昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个
本文将详细讲解如何使用纯JavaScript实现Tab切换,以及与之相关的`select`选择器和`radio`单选按钮的切换。 首先,我们来理解Tab切换的基本概念。在HTML结构中,通常会有几个包含不同内容的`div`元素,它们被隐藏或...
本文主要讲解了如何使用jQuery动态地遍历select元素,并为其赋值。这是一项非常实用的技术,尤其在动态网站开发中,经常会遇到需要根据不同的数据动态更新下拉列表选项的情况。 知识点一:遍历和选择select元素中的...
`loadOptionsForSelect1`和`loadOptionsForSelect2`是假设的函数,它们负责根据所选的radio按钮值从服务器获取数据,并更新对应的select下拉列表。实际应用中,这些函数可能涉及到Ajax请求,如使用`$.ajax`或`$.get`...
本文将深入探讨如何在Django forms中创建一个包含`select`下拉框的表单,并且理解其传值机制。 首先,我们需要在`forms.py`文件中定义一个自定义的表单类,例如`SignupForm`。在这个类中,我们创建字段(fields),...
BootstrapValidator提供了多种内置验证规则,如非空、邮箱格式、手机号码等,同时也支持自定义验证规则,通过JavaScript编写验证逻辑。用户在填写表单时,如果输入不符合验证规则,BootstrapValidator会实时给出反馈...
在前端开发中,`checkbox`、`radio`和`select`是三种常见的表单元素,它们用于用户交互,收集和提交数据。`checkbox`用于多选,`radio`用于单选,而`select`通常用于下拉列表选择。在本项目"checkbox-radio-select...
layui layer.open()中的select,radio不显示.zip
Koo.js是一个专门针对这一需求设计的JavaScript插件,它提供了标签式的表单验证功能,并且对select、checkbox、radio等元素提供了良好的支持。下面我们将深入探讨Koo.js的核心特性和使用方法。 一、Koo.js简介 Koo...
一、select监听 1.首先,要给select加一个layui提供的属性 lay-filter=“level” 这里面的level自己定义,下面会用到 2.导入form layui.use('form', function(){ var form = layui.form; //只有执行了这一步,部分...
### MySQL数据库校验身份证函数详解 ...通过对不同位数的身份证号码进行格式验证和逻辑校验,确保了数据的准确性和一致性。在实际应用中,可以根据具体需求对函数进行调整和优化,以更好地满足业务需求。
本文档将详细介绍如何利用原生JavaScript和jQuery来操作`<select>`元素,包括但不限于取值、设置选中状态等常见操作。 #### 二、基础知识回顾 在开始深入讲解之前,我们先回顾一下`<select>`的基本结构: ```html ...