Web端 年月日下拉表 密码判断 按钮判断是否提交
生日:
<asp:DropDownList ID="selYear" runat="server"></asp:DropDownList>年
<asp:DropDownList ID="selMonth" runat="server"></asp:DropDownList>月
<asp:DropDownList ID="selDay" runat="server"></asp:DropDownList>日
后台代码
for (int i = Convert.ToInt32(DateTime.Now.Year); i > ; i--)
{
ListItem li = new ListItem();
li.Text = i.ToString();
li.Value = i.ToString();
selYear.Items.Add(li);
}
for (int i = ; i < ;i++ )
{
ListItem li = new ListItem();
li.Text = i.ToString();
li.Value = i.ToString();
selMonth.Items.Add(li);
}
for (int i = ; i < ;i++ )
{
ListItem li = new ListItem();
li.Text = i.ToString();
li.Value = i.ToString();
selDay.Items.Add(li);
}
js代码
var Year = window.document.getElementById("selYear");
var Month = window.document.getElementById("selMonth");
var Day = window.document.getElementById("selDay");
Year.onchange = function () {
dropchang();
}
Month.onchange = function () {
dropchang();
}
function dropchang()
{
if (Month.value == "" || Month.value == "" || Month.value == "" || Month.value == "")
{ days(); }
else if (Month.value == "")
{
if ((Year.value % == && Year.value % != ) || Year % == )
{ days(); }
else
{ days();}
}
}
function days( count )
{
Day.options.length = ;
for(var i=;i<=count;i++)
{
Day.value.length=;
var op=document.createElement("option");
op.value=i;
op.innerHTML=i;
Day.appendChild(op);
}
}
密码判断
密码:
<asp:TextBox ID="TextBox2" TextMode="Password" runat="server"></asp:TextBox><br />
确认密码:
<asp:TextBox ID="TextBox3" TextMode="Password" runat="server"></asp:TextBox>
<asp:Label ID="Label2" runat="server" Text=""></asp:Label>
js代码
// 判断密码是否一致 给按钮用的是否提交
var ispwd = false;
var txt2 = document.getElementById("TextBox2");
var txt3 = document.getElementById("TextBox3");
var label2 = document.getElementById("Label2"); function Pwd (p1,p2)
{
if(p1.value==p2.value)
{
label2.innerText="正确";
label2.style.color="green";
ispwd=true;
}
else
{
label2.innerText="密码不一致";
label2.style.color = "red"; ispwd=false;
}
}
txt2.onkeyup = function () { Pwd(txt2, txt3); }
txt3.onkeyup = function () { Pwd(txt2, txt3); }
按钮提交
<asp:Button ID="Button1" OnClientClick="return go();" runat="server" Text="Button" />
js代码 用密码是否一致 和昵称 不能为空 判断是否正确 正确才能提交
function go()
{
return ispwd && nickname;
}
Web端 年月日下拉表 密码判断 按钮判断是否提交的更多相关文章
- 前端提升生产力系列三(vant3 vue3 移动端H5下拉刷新,上拉加载组件的封装)
| 在日常的移动端开发中,经常会遇到列表的展示,以及数据量变多的情况下还会有上拉和下拉的操作.进入新公司后发现移动端好多列表,但是在看代码的时候发现,每个列表都是单独的代码,没有任何的封装,都是通过v ...
- [Django]下拉表单与模型查询
前言:本文主要针对自定义下拉表单制作,下拉表单的内容是取至于数据库,即动态实现下拉表单 正文: 动态实现下拉表单有两种方法: 一.自己手动写 html 模板中的 <form ...> &l ...
- css解决select下拉表单option高度的办法
css在给select下拉表单设置样式如边框时可以轻松搞定,而我们在不喜欢其默认的下拉箭头的样式时试图通过background:url(图片路径)来修改之,则往往会出现浏览器的兼容性问题,在网上查了好 ...
- MVC筛选自定义属性下拉表
MVC筛选自定义属性下拉表 string CompanyId = ""; CompanyId = ManageProvider.Provider.Current().Company ...
- cocos2d-html5 简易 下拉表单 控件
刚才在CH5的群里问了问 有没有大侠写过 下拉表单控件啊! 没人鸟窝 ,DZ老师表示非常伤心啊 ,于是乎 自己写一个把 共享给大家. 效果图上一个 仅仅实现了一个最最主要的控件 非常eas ...
- vue2.0 移动端,下拉刷新,上拉加载更多插件,修改版
在[实现丰盛]的插件基础修改[vue2.0 移动端,下拉刷新,上拉加载更多 插件], 1.修改加载到尾页面,返回顶部刷新数据,无法继续加重下一页 2.修改加载完成文字提示 原文链接:http://ww ...
- html年月日下拉联动菜单 年月日三下拉框联动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- vue2.0 移动端,下拉刷新,上拉加载更多 封装组件
前言 在做移动端的避免不了 下拉刷新,上拉加载 直接上代码吧,哈哈 组件里: <template lang="html"> <div class="yo ...
- web自动化,下拉滚动到底部/顶部和下拉滚动到指定的元素
在web自动化,经常会遇到页面显示内容太多的时候,页面就会出现滚动条,一般有两种方式进行下拉,一种是直接下拉到底部/顶部/中部,或者直接给定元素,直接下拉到指定元素的位置. 两种方式的共同点: 两种方 ...
随机推荐
- POJ-3050
Hopscotch Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 4385 Accepted: 2924 Descrip ...
- 《SpringBoot揭秘 快速构建微服务体系》读后感(二)
最简单的springBoot应用 package com.louis.test; import org.springframework.boot.SpringApplication; import o ...
- Key and Certificate Conversion
Key and Certificate Conversion Private keys and certificates can be stored in a variety of formats, ...
- Open-source Tutorial - NLog
1. Installing NLog 使用 NuGet 程序包管理器安装 NLog.如何使用 NuGet? 遇到问题:我的项目是 .Net Framework 4.0 平台的,虽然 NLog 说明中是 ...
- react中事件的使用
import React from 'react' class Home extends React.Component{ constructor(props){ super(props) this. ...
- static_cast、dynamic_cast、const_cast和reinterpret_cast总结
转自:http://www.jellythink.com/archives/205 前言 这篇文章总结的是C++中的类型转换,这些小的知识点,有的时候,自己不是很注意,但是在实际开发中确实经常使用的. ...
- JS 识别生日、性别、年龄
<script> function IdCard(UUserCard,num){ if(num==1){ //获取出生日期 birth=UUserCard.substring(6, 10) ...
- Solr6.7 学习笔记(01) -- 目录结构
Solr解压后的目录结构 --contrib: Solr的一些扩展 --analysis-extras: 包含一些文本分析组件及其依赖 --clustering: 包含一个用于集群搜索结果的引擎 -- ...
- 洛谷P3704 [SDOI2017]数字表格(莫比乌斯反演)
传送门 yyb大佬太强啦…… 感觉还是有一点地方没有搞懂orz //minamoto #include<cstdio> #include<iostream> #include& ...
- MySQL 之 LOAD DATA INFILE 快速导入数据
SELECT INTO OUTFILE > help select; Name: 'SELECT' Description: Syntax: SELECT [ALL | DISTINCT | D ...