javascript中js中当光标离开输入的文本后,自动提示相应的错误信息

JavaScript022

javascript中js中当光标离开输入的文本后,自动提示相应的错误信息,第1张

onBlur事件是当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序

示例

<form name="blur_test">

   <p>姓名 <input type="text" name="name"value="" size="30"onblur="chkvalue(this)"><br>

    性别 <inputtype="text" name="sex" value=""size="30" onblur="chkvalue(this)"><br>

    年龄 <inputtype="text" name="age" value=""size="30" onblur="chkvalue(this)"><br>

    住址 <inputtype="text" name="addr" value=""size="30" onblur="chkvalue(this)"></p>

</form>

JS代码

<scriptlanguage="JavaScript">

 

function chkvalue(txt) {

   if(txt.value=="") alert("文本框里必须填写内容!")

}

 

</script>

规范一下你的写法:

window.onload = function() {

    var a = document.getElementsByClassName("two")[0]

    var rename = new RegExp("^[a-zA-z_]{1}[a-zA-Z0-9_]{3,9}$")

    a.onblur = function() {

        if (rename.test(a.value) == false) {

            alert("请重新填写用户名")

            setTimeout(function(){

                a.focus()

            },0)//兼容ff

        } else {

            alert("ok")

        }

    }

}