Java2017面试宝典--html&JavaScript&ajax部分

最新推荐文章于 2025-08-17 20:43:43 发布

转载最新推荐文章于 2025-08-17 20:43:43 发布 · 73 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mrysc/p/8993508.html

文章标签：

#javascript #面试 #java #ViewUI

本文提供JavaScript实现的日期格式验证、表单数字输入验证及表格行颜色交替的方法。通过正则表达式确保日期格式正确，并比较两个日期的先后顺序。此外，还包括了确保表单输入均为数字的技巧及网页元素的样式更改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 判断第二个日期比第一个日期大

如何用脚本判断用户输入的的字符串是下面的时间格式2004-11-21 必须要保证用户的输入是此格式，并且是时间，比如说月份不大于12等等，另外我需要用户输入两个，并且后一个要比前一个晚，只允许用JAVASCRIPT，请详细帮助作答，,

//这里可用正则表达式判断提前判断一下格式，然后按下提取各时间字段内容

<scripttype="text/javascript">

window.onload = function()

{

//这么写是为了实现js代码与html代码的分离，当我修改js时，不能影响html代码。

document.getElementById("frm1").onsubmit=

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 = newDate(arrayD1[0],arrayD1[1],arrayD1[2]);

var arrayD2 =d2.split("-");

var date2 = newDate(arrayD2[0],arrayD2[1],arrayD2[2]);

if(date1 > date2) returnfalse;

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>

<formid="frm1" action="xxx.html">

<inputtype="text" name="d1" />

<inputtype="text" name="d2" />

<inputtype="submit"/>

</form>

2. 用table显示n条记录，每3行换一次颜色，即1，2，3用红色字体，4，5，6用绿色字体，7，8，9用红颜色字体。

<body>

<tableid="tbl">

</table>

</body>

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>

3、HTML 的 form 提交之前如何验证数值文本框的内容全部为数字? 否则的话提示用户并终止提交?

<inputtype="text" name="d1"/>

</form>

function chkForm(this)

{

var value = thist.d1.value;

var len = value.length;

for(var i=0;i<len;i++)

{

if(value.charAt(i)>"9"|| value.charAt(i)<"0")

{

alert("含有非数字字符");

return false;

}

return true;

}

</script>

4、请写出用于校验HTML文本框中输入的内容全部为数字的javascript代码

<inputtype="text" id="d1" onblur=" chkNumber (this)"/>

functionchkNumber(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;

}

</script>

除了写完代码，还应该在网页上写出实验步骤和在代码中加入实现思路，让面试官一看就明白你的意图和检查你的结果。

5、说说你用过那些ajax技术和框架，说说它们的区别

转载于:https://www.cnblogs.com/mrysc/p/8993508.html