HTML(结合JavaScript进行验证信息)

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        
        <!--
            作者:songjingmeng@qq.com
            时间:2016-01-11
            描述:使用脚本语言进行提交信息的验证
        -->
        <script type="text/javascript" language="javascript">
            function checkAll(ele)
            {
                //获取输入用户名的输入框
                var name=document.getElementById("id1");
                //获取输入的用户名
                var nameValue=name.value;
                
                //获取输入密码的输入框
                var pass=document.getElementById("id2");
                //获取输入的用户名
                var passValue=pass.value;
                
                //获取输入邮箱的输入框
                var email=document.getElementById("id3");
                //获取输入的用户名
                var emailValue=email.value;
                
                if(nameValue.length<=0)
                {
                    alert("用户名不能为空");
                    return ;
                }
                
                    if(passValue.length<6)
                {
                    alert("密码长度不能小于6位");
                    return ;
                }
                
                    if(emailValue.indexOf("@") == -1)
                {
                    alert("邮箱必须包含@");
                    return ;
                }
                
            if(confirm("确定提交吗"))
            {
                    /* document.getElementById("form1").submit(); */
                    
                    //将数据提交到Android代码中,通过调用Android中提供的方法
                    window.myObject.sendData(nameValue,passValue,emailValue);
                    
            }
 
            
        
                
                
            }
        </script>
        
    </head>
    <body>
        <form action="http://www.baidu.com" id="form1">
            <table>
                <tr><td>用户名:</td><td> <input type="text" name="username" id="id1"/></td></tr>
                <tr><td>密码:</td><td> <input type="password" name="userpass" id="id2"/></td></tr>
                <tr><td>邮箱:</td><td> <input type="text" name="useremail" id="id3"/></td></tr>
                <tr><td colspan="2"><input type="button" value="提交" onclick="checkAll();"/></td></tr>
            </table>
        </form>
    </body>
</html>

原文地址:https://www.cnblogs.com/8023-itxinde/p/5125061.html