表单事件

<form action="">
    <fieldset>
        <legend>表单事件</legend>
        <label for="">
            邮箱：<input type="email" name="" id="txt1"/>
        </label>
        <label for="">
            密码：<input type="text" name="" id="txt2"/>
        </label>
        <input type="submit" />
    </fieldset>
</form>
<script>
    //表单事件： oninput　当用户输入的时候
//        oninvalid 当验证不通过是触发
    var  txt1=document.getElementById('txt1');
    var  txt2=document.getElementById('txt2');
    var num=0;
    txt1.oninput=function(){
        num++;
//         将字数显示在txt2中
        txt2.value=num;
    }
//    oninvalid 当验证不通过是触发
//    一般用于设置验证不通过时的 提示文字
    txt1.oninvalid=function(){
         this.setCustomValidity('亲，请输入正确的邮箱格式！');
    }
</script>