在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现

在一个表单中,如果想要给输入框添加一个输入验证,可以用下面的哪个事件实现,第1张

onblur的时候写一个方法,传入当前的对象,然后在方法中获取对象的输入值,判断值是否为正孙空,为空则alert输入的是空,不为闭穗空再去用正则表达式验证输入的是否满轿清卜足要求的格式,同样是if else满足和不满足都可以alert提示你想提示的。

<input onkeydown ="isSz()"/>

function isSz(str){

      var reg 春液= /^([1-9]\d|\d|-1)$/

      if(!reg.test(str)){

      首森洞 return false

      }

  者枯    return true

}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>验证</title>

</head>

<body>

<form action="#" method="post" name="postart" onSubmit="return checkadd()">

Q Q:<input name="wlqq" type="text"碰败 size="30"/><br />

电话:<晌吵改input name="wltel" type="text" size="30"/><br />

邮箱:<input name="wlemail" type="text" maxlength="50" size="30"/><br />

<input type="宴判submit" name="button3" id="button3" value=" 提 交 " />

</form>

<script language="javascript">

var wlqq=document.postart.wlqq

var wltel=document.postart.wltel

var wlemail=document.postart.wlemail

function SetFocus()

{

if(wlqq.value=="")

document.postart.wlqq.focus()

else

document.postart.wlqq.select()

}

function checkadd()

{

if(wltel.value!="" || wlemail.value!="" || wlqq.value!="")

{

if(wlqq.value!=''){

isqq(wlqq.value)

return false

}

if(wltel.value!=''){

istel(wltel.value)

}

if(wlemail.value!=''){

isEmail(wlemail.value)

}

return true

}else{

alert("三项必须填写一项!")

return false

}

}

function isqq(str){

var regEx = /[^0-9]+/gi

if(!regEx.test(str)){

if (str.length<4){

alert("QQ号码必须是4位以上的数字!")

document.postart.wlqq.focus()

return false

}else{

alert("QQ号码是数字!")

return true

}

}else{

alert("QQ号码必须是数字!")

document.postart.wlqq.value = ""

document.postart.wlqq.focus()

return false

}

}

function istel(str){

var regEx = /[^0-9]+/gi

if(!regEx.test(str)){

if (str.length<5){

alert("电话号码必须是5位以上的数字!")

document.postart.wltel.focus()

return false

}else{

return true

}

}else{

alert("电话号码必须是数字!")

document.postart.wltel.value = ""

document.postart.wltel.focus()

return false

}

}

function isEmail(str){

res = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/

var re = new RegExp(res)

return !(str.match(re) == null)

}

</script>

<SCRIPT language=JavaScript>

SetFocus()

</SCRIPT>

</body>

</html>

填对了也不能提交,我先闪下下。 O(∩_∩)O哈哈~,一时解决不了,咋办。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11988454.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存