html与Android——webView

 1 <html>
 2   <head>
 3     <title>myHtml.html</title>
 4     
 5     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 6     <meta http-equiv="description" content="this is my page">
 7     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 8     
 9     <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
10     <!-- 此处编写JavaScript  --js -->
11     <script language="javascript">
12         //定义函数,验证表单信息是否合法
13         function checkAll(ele){
14             alert(ele);
15             //验证用户名不为空
16             var name = document.getElementById("id1");//得到用户名输入框对象
17             var nameValue = name.value;//得到具體的值
18             if(nameValue.length<=0){//驗證
19 //                     document.getElementById("div1").innerHTML="<font size='4' color='red'>用户名不能为空</font>";
20                 alert("用户名不能为空,请填写");
21                 return;
22             }else{
23                 document.getElementById("div1").innerHTML="";
24             }
25             //驗證密碼
26             var pass = document.getElementById("id2");//得到密码输入框对象
27             var passValue = pass.value;
28             if(passValue.length < 6){
29 //                 document.getElementById("div2").innerHTML="<font size='4' color='red'>密码长度不能小于6位</font>";
30                 alert("密码长度不能小于6位");
31                 return;
32             }else{
33                 document.getElementById("div2").innerHTML="";
34             }
35             //验证邮箱
36             var email = document.getElementById("id3");//得到邮箱输入框对象
37             var emailValue = email.value;
38             if(emailValue.indexOf("@") == -1){
39                 //普通的js代码可以通过设置WebSetting实现有效
40 //                 document.getElementById("div3").innerHTML="<font size='4' color='red'>邮箱不包含@!</font>";
41                 alert("邮箱不包含@,请检查!");//通过webchromClient设置有效
42                 return;
43             }else{
44                 document.getElementById("div3").innerHTML="";
45             }
46             
47             //输入项都符合要求,提交表单,但是做一个确认的提醒
48             if(confirm("确认提交吗?")){
49 //                 document.getElementById("form1").submit();
50                 //把表单中的信息传递到android代码中,通过调用android传递过来的对象myclass
51                 window.myclass.sendData(nameValue,passValue,emailValue);
52             }
53             
54         }
55     
56     </script>
57 
58   </head>
59   
60   <body>
61     <form id="form1" action="success.html">
62     <center>
63         <table >
64             <tr align="center"><td colspan="2"><a href="http://www.baidu.com">百度</a></td></tr>
65             <tr><td>用户名:</td><td width="150"><input type="text" id="id1" name="username"/><div style="display:inline" id="div1"></div></td></tr>
66             <tr><td>密码:</td><td width="150"><input type="password" id="id2" name="userpass"/><div style="display:inline" id="div2"></div></td></tr>
67             <tr><td>邮箱:</td><td width="150"><input type="text" id="id3" name="email"/><div style="display:inline" id="div3"></div></td></tr>
68             <tr ><td align="center" colspan="2"><input type="button" onclick="checkAll('开始验证');" value="提交(app)"/></td></tr>
69         </table>
70     <center>
71     </form>
72   </body>
73 </html>

你可能感兴趣的:(html与Android——webView)