操作表单
1.获得表单信息
<form action="post">
<p>
<span>用户名:</span> <input type="text" id="username">
</p>
<p>
<span>密码:</span> <input type="text" id="password">
</p>
<input type="submit">
</form>
<script>
var input_text = document.getElementsById('username');
var input_pwd = document.getElementsById('password');
//得到输入框的值
//input_text.value;
//修改输入框的值
//input_text.value = '111111';
// .checked 查看返回的结果 true false
input_pwd.checked = true;
</script>
2.提交表单
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--MD5工具类-->
<script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script>
</head>
<body>
<!--表单绑定提交事件
onsubmit 绑定一个提交检测的函数 true false
将这个函数返回给表单 使用onsubmit接收
οnsubmit="return check()"
-->
<form action="https://baidu.com" method="post" onsubmit="return check()">
<p>
<span>用户名:</span> <input type="text" id="username" name="username">
</p>
<p>
<span>密码:</span> <input type="password" id="input-password">
</p>
<input type="hidden" id="md5-password" name="password">
<!--绑定事件 onclick 被点击-->
<button type="submit">提交</button>
</form>
<script>
function check(){
//alert(1);
var uname = document.getElementById('username');
var pwd = document.getElementById('input-password');
var md5pwd = document.getElementById('md5-password');
//pwd.value = md5(pwd.value);
//MD5算法
//md5pwd.value = md5(pwd.value);
//校验表单内容,true通过提交 false阻止提交
if(pwd.value !== '123456'){
alert("密码错误");
return false;
}else{
return true;
}
}
</script>
</body>