这篇博客探讨了如何使用JavaScript进行日期格式验证和比较，确保用户输入的日期符合指定格式且按顺序排列。此外，还展示了如何在HTML表格中通过JavaScript实现行颜色交替，并介绍了文本框数值验证的方法，确保输入内容全为数字。最后，文章提及了AJAX技术及其框架的应用和区别。
1.判断第二个日期比第一个日期大
如何用脚本判断用户输入的字符串是下面的时间格式2004-11-21，必须保证用户的输入是此格式，并且是时间，比如说月份不大于12等等，另外我需要用户输入两个，并且后一个比前一个晚，只允许用javascript，请详细作答。
//这里可用正则表达式判断一下格式，然后按下提取个时间字段内容
<script type="text/javascript">
window.οnlοad=function()
{
//这么写是为了实现js代码与html代码的分离，当我修改js时，不能影响html代码。
document.getElementById("frm1").οnsubmit=
function(){
var d1=this.d1.value;
var d2=this.d2.value;
if(!verifyDate(d1)) {alert("第一个日期格式不对");return false;}
if(!verifyDate(d2)) {alert("第二个日期格式不对");return false;}
if(!compareDate(d1,d2)){alert("第二个日期比第一个日期小");return false;}
};
}
function compareDate(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;
}
function verifyDate(d){
var datePattern=/^d{4}-(0?[1-9]|1[0-2]-(0?[1-9]|[1-2]/d|3[0-1]$/;
return datePattern.test(d);
}
<script>
<form if="frm1" action="xxx.html">
<input type="text" name="d1">
<input type="text" name="d2">
< input type="submit">
</form>
2.用table显示n条记录，每3行换一次颜色，即1,2,3用红色字体，4,5,6用绿色字体，7,8,9用红颜色字体。
<body>
<table id="tb1">
<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>
<script type="text/javascript">
window.οnlοad=function(){
var tb1=document.getElementById("tb1");
rows=tb1.getElementsByTagName("tr");
for(i=0;i<rows.length;i++){
var j=parseInt(i/3);
if(j%2==0) rows[1].style.backgroundColor="#f00";
else rows[i].style.backgroundColor="#0f0";
}
}
</body>
</script>
3. HTML的form提交之前如何严整数值文本框的内容全部为数字？否则的话提示用户并终止提交
<form οnsubmit='return chkForm(this)'>
<input type="text" name="d1">
<input type="submit"/>
</form>
<script type="text/javascript">
function chkForm(this){
var value=this.d1.value;
var len=value.length;
for(var i=0;i<len;i++)
{
if(value.chartAt(i)>"9"||value.charAt(i)<"0"){
alert("含有非数字字符");
return false;
}
}
return true;
}
</script>
4. 请写出用于校验html文本框中输入的内容全部为数字的javascript代码
<input type="text" id="d1" οnblur="chkNumber(this)"/>
<script type="text/javascript">
function chkNumber(eleText){
var value=eleText.value;
var len=value.length;
for(var i=0;i<len;i++){
if(value.charAt(i)>"9"||value.charAt(i)<"0")
{
alert("含有非数字字符");
eleText.focus();
break;
}
}
}
5.说说你用过的那些ajax技术和框架，说说它们的区别：
扫一扫
1995
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
