首页
ja
vasc
ript教程
ja
vasc
ript基础教程
jQuery
ja
vasc
ript
vue教程
webpack
gulp
react
php教程
php
python教程
python3基础教程
python
微信小程序开发
node
koa
express
>
尝试一下
> js阻止表单提交
运行代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>web教程网(www.jsphp.net)</title> </head> <body> <form action="11.html" id="form"> <input type="text" id="text"> <span id="tishi"></span> <input type="submit" value="提交"> </form> <script> var form=document.getElementById("form"); var text=document.getElementById("text"); var tishi=document.getElementById("tishi"); form.onsubmit=function(event){ var val=text.value; if(val.length<6){ tishi.innerHTML="长度小于6"; event.preventDefault(); }; }; </script> </body> </html>
运行结果
返回顶部