JavaScript实现表单验证后的聚焦

短命女 2022-06-04 23:05 142阅读 0赞

<!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title></title>
      </head>
    <body>
        <form name="myform" action="http://www.baidu.com" onsubmit="return judge()" >  
            <label>username:  <input id="firstjujiao" type="text" name="myfirstinput" ></label><br>  
            
            <label>password:  <input id="secondjujiao" type="password" name="mysecondinput"></label><br>
            <input type="submit" value="提交">
        </form>
    <script> function judge(){ var tempA = document.forms["myform"]["myfirstinput"].value; var tempB = document.forms["myform"]["mysecondinput"].value; var flag = 1; if(tempA == null || tempA == ""){ alert("请输入用户名！！！"); document.getElementById("firstjujiao").focus(); flag = 0; } if(tempB == null || tempB == ""){ alert("请输入密码！！！"); if(flag == 1) document.getElementById("secondjujiao").focus(); flag = 0; } if(flag == 0) return false; else return true; } </script>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，142人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript实现对表单用户名进行空白验证和长度验证-----JavaScript

> <!DOCTYPE html> >  > <html lang="en" id="myHtml"> >

柔情只为你懂/ 2024年02月19日 10:07/ 0 赞/ 8 阅读

相关纯JavaScript实现表单验证提示框

效果 ![在这里插入图片描述][20200908185404704.png_pic_center] ![在这里插入图片描述][watermark_type_ZmFuZ3p

痛定思痛。/ 2022年12月05日 01:37/ 0 赞/ 139 阅读

相关 JavaScript表单验证示例

JavaScript表单验证示例 HTML表单（form）通常用于收集用户信息，例如姓名，电子邮件地址，位置，年龄等。但是很可能某些用户可能不会输入您期望的数据。HT

淡淡的烟草味﹌/ 2022年09月13日 14:23/ 0 赞/ 119 阅读

相关 javaScript表单验证大全

这不是我原创的转载自http://www.iteye.com/topic/1113704 1. 长度限制 <script> function test()

比眉伴天荒/ 2022年08月14日 00:00/ 0 赞/ 141 阅读

相关 JavaScript表单验证

用原生JS写一个简单的表单验证首先，是html部分 <div class="divAll"> <div id="titles">新用户注册<

绝地灬酷狼/ 2022年07月11日 15:26/ 0 赞/ 202 阅读

相关使用JavaScript实现表单的前端简单验证后提交

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>用JS做前台简易验证后提交表单</tit

痛定思痛。/ 2022年06月09日 09:40/ 0 赞/ 212 阅读

相关 JavaScript实现表单验证后的聚焦

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <titl

短命女/ 2022年06月04日 23:05/ 0 赞/ 143 阅读

相关 Javascript（五）javascript实现表单验证

表单验证为了保证用户提交的信息都是正确的，保证系统的安全性，验证是必不可少的，验证一般分为两种方式。客户端验证：直接在客户端执行JS进行验证，验证的过程中和服

Myth丶恋晨/ 2022年05月17日 03:00/ 0 赞/ 190 阅读

相关 JS表单验证聚焦离焦 input（onfocus onblur）

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl

妖狐艹你老母/ 2022年05月15日 15:56/ 0 赞/ 226 阅读

相关 Javascript实现表单的验证与提交

Javascript实现表单的验证与提交 ![实现以上图片中简单的向后台提交留言信息][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow

ゝ一纸荒年。/ 2021年10月23日 12:26/ 0 赞/ 357 阅读