<!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>