3.html&JavaScript&ajax

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

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

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

<scripttype="text/javascript">

  window.οnlοad= function()

  {

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

     document.getElementById("frm1").οnsubmit=

          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("第二个日期比第一日期小");returnfalse;}            

          };

     }

    

     functioncompareDate(d1,d2)

     {

          vararrayD1 = d1.split("-");

          vardate1 = new Date(arrayD1[0],arrayD1[1],arrayD1[2]);

          vararrayD2 = d2.split("-");

          vardate2 = new Date(arrayD2[0],arrayD2[1],arrayD2[2]);

          if(date1> date2) return false;     

          returntrue;

     }

    

     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>

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

<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>

<scripttype="text/javascript">

  window.οnlοad=function()

     {

          vartbl = document.getElementById("tbl");

          rows= tbl.getElementsByTagName("tr");

          for(i=0;i<rows.length;i++)

          {

               varj = parseInt(i/3);

               if(j%2==0)rows[i].style.backgroundColor="#f00";

               else rows[i].style.backgroundColor="#0f0";

          }

     }

</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)

     {

         varvalue = thist.d1.value;

         varlen = value.length;

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

         {

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

              {

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

                   returnfalse;

              }

         }

         returntrue;

     }

</script>

 

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

<input type="text"id="d1" οnblur=" chkNumber (this)"/>

<script type=”text/javascript” /> 

function chkNumber(eleText)

 

     {

         varvalue = eleText.value;

         varlen = value.length;

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

         {

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

              {

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

                   eleText.focus();

                   break;

              }

         }

     }

</script>

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值