js 表单非空验证

最新推荐文章于 2024-08-05 22:43:05 发布

weixin_30656145

最新推荐文章于 2024-08-05 22:43:05 发布

阅读量975

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/yinwangyizhi/p/9088115.html

版权

通过判断（if）表单标签中的name属性，去确认表单中的value里面是否为空。

　　如果是，则弹出提示框。

if(form1.topic.value==""){
　　alert("日记主题不能为空！"); //提示框

　　form1.topic.focus();　　//.focus()：获取焦点。就是自动把光标移到该表单上

　　return false;　　//返回
}

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
    <form action="" method="post" action="" onsubmit="return check_form(this)"> 　　　　//这里不加return将不会触发
       <input type="text" name="topic" placeholder="日记主题"><br>
    <textarea name="wznr" rows="6" placeholder="写点什么吧"></textarea><br>
    <input name="submit" type="submit" value="发表" >
    <input name="reset" type="reset" value="重置">
    </form>
    <script>
        function check_form(form1){
    if(form1.topic.value==""){
      alert("日记主题不能为空！");form1.topic.focus();return false;
    }
    
    if(form1.wznr.value=="")  {
      alert("内容不能为空!");form1.wznr.focus();return false;
    }
}

    </script>
    </body>
</html>

以上为简单案例，并未添加css样式。

转载于:https://www.cnblogs.com/yinwangyizhi/p/9088115.html

weixin_30656145

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js 表单非空验证

通过判断（if）表单标签中的name属性，去确认表单中的value里面是否为空。　　如果是，则弹出提示框。<input type="text" name="topic" placeholder="日记主题"><br>if(form1.topic.value==""){ 　　alert("日记主题不能为空！"); //提示框　　form1.topi...
复制链接

扫一扫