1 Star 0 Fork 0

jean/js20240315

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
21-表单事件.html 1.26 KB
一键复制 编辑 原始数据 按行查看 历史
jean 提交于 2024-03-26 10:41 . '表单事件'
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<!-- onsubmit="handleTj()" -->
<!-- onsubmit="return handleTj()" 通常用于前端的数据校验 -->
<form action="./new_file.html" onsubmit="return handleTj()">
<input name="username"/>
<input name="password"/>
<select onchange="show()">
<option value="bj">北京</option>
<option value="sh">上海</option>
</select>
<button id="tj">提交</button>
<button id="cz" onclick="chongz()">重置</button>
</form>
</body>
<script>
var username=document.getElementsByName("username")[0]
// username.oninput=function(e){
// alert(e.target.value)
// }
username.onselect=function(e){
alert(e.target.value)
}
// username.addEventListener('select',function(){
// alert("0000000000")
// })
var form=document.getElementsByTagName("form")[0]
function show(){
alert(event.target.value)
}
function chongz(){
form.reset()
}
function handleTj(){
var inputs=document.getElementsByTagName("input")
// console.log(inputs[0].value)
var username=inputs[0].value
if(username.trim().length<5){
return false;
}
var pwd=inputs[1].value
if(pwd.trim().length<5){
return false;
}
return true
}
</script>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
JavaScript
1
https://gitee.com/jean123/js20240315.git
git@gitee.com:jean123/js20240315.git
jean123
js20240315
js20240315
master

搜索帮助