助你快速踏入高薪职场——2017面试集锦之html & JavaScript & ajax
来源:互联网 发布:2016网络歌手名单 编辑:程序博客网 时间:2024/06/03 22:40
html&JavaScript&ajax部分
1. 判断第二个日期比第一个日期大
如何用脚本判断用户输入的的字符串是下面的时间格式2004-11-21必须要保证用户的输入是此格式,并且是时间,比如说月份不大于12等等,另外我需要用户输入两个,并且后一个要比前一个晚,只允许用 JAVASCRIPT,请详细帮助作答,
//这里可用正则表达式判断提前判断一下格式,然后按下提取各时间字段内容
<script type="text/javascript">
window.onload =function()
{
//这么写是为了实现 js 代码与 html 代码的分离,当我修改 js 时,不能影响 html 代码。
document.getElementById("frm1").onsubmit=
function(){
vard1 = this.d1.value;
vard2 = this.d2.value;
if(!verifyDate(d1)) {alert("第一个日期格式不对");return false;}
if(!verifyDate(d2)) {alert("第二个日期格式不对");return false;}
if(!compareDate(d1,d2)){alert("第二个日期比第一日期小");return
false;}
};
}
functioncompareDate(d1,d2)
{
var arrayD1= d1.split("-");
var date1 =new Date(arrayD1[0],arrayD1[1],arrayD1[2]);
var arrayD2= d2.split("-");
var date2 =new Date(arrayD2[0],arrayD2[1],arrayD2[2]);
if(date1> date2) return false;
return true;
}
functionverifyDate(d)
{
vardatePattern = /^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;
returndatePattern.test(d);
}
</script>
<form id="frm1" action="xxx.html">
<input type="text" name="d1" />
<input type="text" name="d2" />
<input type="submit"/>
<body>
<table id="tbl">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
<tr><td>6</td></tr>
<tr><td>7</td></tr>
<tr><td>8</td></tr>
<tr><td>9</td></tr>
<tr><td>10</td></tr>
</table>
</body>
<script type="text/javascript">
window.onload=function()
{
var tbl =document.getElementById("tbl");
rows =tbl.getElementsByTagName("tr");
for(i=0;i<rows.length;i++)
{
var j= parseInt(i/3);
if(j%2==0)rows[i].style.backgroundColor="#f00";
else rows[i].style.backgroundColor="#0f0";
}
}
<form onsubmit=’return chkForm(this)’>
<input type="text" name="d1"/>
<input type="submit"/>
</form>
<script type=”text/javascript” />
function chkForm(this)
{
var value = thist.d1.value;
var len =value.length;
for(vari=0;i<len;i++)
{
if(value.charAt(i)>"9"|| value.charAt(i)<"0")
{
alert("含有非数字字符");
returnfalse;
}
}
return true;
}
<input type="text" id="d1" onblur=" chkNumber(this)"/>
<script type=”text/javascript” />
function chkNumber(eleText)
{
var value =eleText.value;
var len =value.length;
for(vari=0;i<len;i++)
{
if(value.charAt(i)>"9"|| value.charAt(i)<"0")
{
alert("含有非数字字符");
eleText.focus();
break;
}
}
}
</script>
1. 判断第二个日期比第一个日期大
如何用脚本判断用户输入的的字符串是下面的时间格式2004-11-21必须要保证用户的输入是此格式,并且是时间,比如说月份不大于12等等,另外我需要用户输入两个,并且后一个要比前一个晚,只允许用 JAVASCRIPT,请详细帮助作答,
//这里可用正则表达式判断提前判断一下格式,然后按下提取各时间字段内容
<script type="text/javascript">
window.onload =function()
{
//这么写是为了实现 js 代码与 html 代码的分离,当我修改 js 时,不能影响 html 代码。
document.getElementById("frm1").onsubmit=
function(){
vard1 = this.d1.value;
vard2 = this.d2.value;
if(!verifyDate(d1)) {alert("第一个日期格式不对");return false;}
if(!verifyDate(d2)) {alert("第二个日期格式不对");return false;}
if(!compareDate(d1,d2)){alert("第二个日期比第一日期小");return
false;}
};
}
functioncompareDate(d1,d2)
{
var arrayD1= d1.split("-");
var date1 =new Date(arrayD1[0],arrayD1[1],arrayD1[2]);
var arrayD2= d2.split("-");
var date2 =new Date(arrayD2[0],arrayD2[1],arrayD2[2]);
if(date1> date2) return false;
return true;
}
functionverifyDate(d)
{
vardatePattern = /^\d{4}-(0?[1-9]|1[0-2])-(0?[1-9]|[1-2]\d|3[0-1])$/;
returndatePattern.test(d);
}
</script>
<form id="frm1" action="xxx.html">
<input type="text" name="d1" />
<input type="text" name="d2" />
<input type="submit"/>
</form>
<body>
<table id="tbl">
<tr><td>1</td></tr>
<tr><td>2</td></tr>
<tr><td>3</td></tr>
<tr><td>4</td></tr>
<tr><td>5</td></tr>
<tr><td>6</td></tr>
<tr><td>7</td></tr>
<tr><td>8</td></tr>
<tr><td>9</td></tr>
<tr><td>10</td></tr>
</table>
</body>
<script type="text/javascript">
window.onload=function()
{
var tbl =document.getElementById("tbl");
rows =tbl.getElementsByTagName("tr");
for(i=0;i<rows.length;i++)
{
var j= parseInt(i/3);
if(j%2==0)rows[i].style.backgroundColor="#f00";
else rows[i].style.backgroundColor="#0f0";
}
}
</script>
<form onsubmit=’return chkForm(this)’>
<input type="text" name="d1"/>
<input type="submit"/>
</form>
<script type=”text/javascript” />
function chkForm(this)
{
var value = thist.d1.value;
var len =value.length;
for(vari=0;i<len;i++)
{
if(value.charAt(i)>"9"|| value.charAt(i)<"0")
{
alert("含有非数字字符");
returnfalse;
}
}
return true;
}
</script>
<input type="text" id="d1" onblur=" chkNumber(this)"/>
<script type=”text/javascript” />
function chkNumber(eleText)
{
var value =eleText.value;
var len =value.length;
for(vari=0;i<len;i++)
{
if(value.charAt(i)>"9"|| value.charAt(i)<"0")
{
alert("含有非数字字符");
eleText.focus();
break;
}
}
}
</script>
除了写完代码, 还应该在网页上写出实验步骤和在代码中加入实现思路, 让面试官一看就明白你的意图和检查你的结果。
阅读全文
0 0
- 助你快速踏入高薪职场——2017面试集锦之html & JavaScript & ajax
- 助你快速踏入高薪职场——2017面试集锦之算法与编程
- 助你快速踏入高薪职场——2017面试集锦之Java web
- 助你快速踏入高薪职场——2017面试集锦之数据库
- 助你快速踏入高薪职场——2017面试集锦之XML
- 助你快速踏入高薪职场——2017面试集锦之J2EE
- 助你快速踏入高薪职场——2017面试集锦之EJB
- 助你快速踏入高薪职场——2017面试集锦之WebService
- 助你快速踏入高薪职场——2017面试集锦之常见提问
- 助你快速踏入高薪职场——2017面试集锦之java基础(一)
- 助你快速踏入高薪职场——2017面试集锦之java基础(二)
- 助你快速踏入高薪职场——2017面试集锦之java基础(三)
- 助你快速踏入高薪职场——2017面试集锦之流行的框架与新技术
- 助你快速踏入高薪职场——2017面试集锦之软件工程与设计模式
- 写给刚踏入职场迷茫的人,教你如何快速提升技术。
- 职场面试:如何快速提升你的通过率?
- [HTML/CSS面试题]--BAT三年面试集锦之HTML/CSS面试(你一定会遇到)
- [Javascript面试题]--BAT三年面试集锦之Javascript/JS面试(你一定会遇到)
- SpringBoot初窥:application.properties配置
- 251. Flatten 2D Vector
- 线性代数的本质与几何意义 01. 向量是什么?(3blue1brown 咪博士 图文注解版)
- 扑克牌的顺子
- 12.1Groovy使用GroovyInterceptable拦截方法
- 助你快速踏入高薪职场——2017面试集锦之html & JavaScript & ajax
- 从 API、UI、结构到商业产品设计精髓
- 利用 TensorFlow 实现排序和搜索算法
- 那些关于前端数据结构与算法
- 约瑟夫环的问题
- HashMap的底层原理分析jdk1.8以前
- 【区块链】【Java 】【自动化测试】【前端规划】【入行AI】| Chat · 预告
- 没有存在感的阿里工程师
- pytorch0.2.1的使用