验证只输入时间的脚本和文本选中js脚本(兼容firefox)

本文介绍了一个简单的HTML与JavaScript实现的时间输入验证功能,包括小时与分钟的输入检查,确保用户输入符合0~23小时及0~59分钟的规范。

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

<form id="form1" name="form1" method="post" action="">
  <input type="text" name="houript" id="houript" style="width:25px" onKeyUp="value=value.replace(/[^/d]/g,'');" value="" size="18" maxLength="2" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"/>
  <strong>:</strong>
  <input type="text" name="secondipt" id="secondipt" style="width:25px" onKeyUp="value=value.replace(/[^/d]/g,'');checksecond(this);" value="" size="18" maxLength="2" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"/>
 
  <input type="button" name="ddd" value="dddd"  onclick='checktimeinput("houript","secondipt")'/>
</form>

<script language="javascript" type="text/javascript">
var hour_ok=false;
var second_ok=false;
function checkhour(ele){
  if(ele.value==""){
   alert("请输入小时!");
   ele.focus();
   selectThisText(ele);
  }else if(!check_int(ele.id)||parseInt(ele.value)<0||parseInt(ele.value)>23){
   alert("请输入0~23的数字");
   ele.focus();
   selectThisText(ele);
  }else
   hour_ok=true;
}
function checksecond(ele){
  if(ele.value==""){
   alert("请输入分钟!");
   ele.focus();
  }else if(!check_int(ele.id)||parseInt(ele.value)<0||parseInt(ele.value)>23){
   alert("请输入0~59的数字");
   ele.focus();
  }else
   second_ok=true;
}
function checktimeinput(hour,second){
   var h_e=gid(hour);
   var s_e=gid(second);
  checkhour(h_e);
  if(hour_ok==false) return false;
  checksecond(s_e);
  if(second_ok==false) return false;
  return true;
}

function selectThisText(element){
  if(window.getSelection){
   var txt=element.value;
   element.setSelectionRange(0,txt.length);
  }else{
 
 var range=element.createTextRange();
 // range.moveToElementText(element);
  range.select();
  }
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值