Html表单验证（纯js）

分手后的思念是犯贱 2022-08-22 12:23 207阅读 0赞

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>
    
    <html> 
    <head> 
    <title>用户登录</title> 
    <script language="javascript" type="text/javascript"> function sub() { var user = document.userform.user.value; var pass = document.userform.pass.value; if(user=="") { document.getElementById('usertag').innerText='用户名不能为空!'; return ; }else if(pass=="") { document.getElementById('passtag').innerText='密码不能为空!'; return; }else { document.userform.submit(); } } </script>
    </head> 
    <body> 
    <form action="#" method="post" name="userform"> 
    用户名：<input type="text" name="user" style="width: 80px" /><span id="usertag"></span><br>
    密码：<input type="text" name="pass" style="width: 80px" /><span id="passtag"></span><br> 
    <input type="button" name="login" value="提交" onClick="sub()" /> 
    </form> 
    
    
    </body> 
    </html>

发表评论取消回复

表情：

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

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

相关阅读

相关表单验证（JS）

一、JS表单基本介绍 1、概述作用目的：减轻服务器压力；用来传数据给服务器的时候进行验证吗，减轻负担。 2、分析需求： 1. 不能为空 2. 字

Love The Way You Lie/ 2024年03月25日 10:48/ 0 赞/ 111 阅读

相关 js验证表单

|-- form表单 <form action="<%=path%>/search" method="post" οnsubmit="return checkAll()">

末蓝、/ 2022年09月24日 15:29/ 0 赞/ 295 阅读

相关 Html表单验证（纯js）

<%@ page language="java" import="java.util." pageEncoding="UTF-8"%> <% String pa

分手后的思念是犯贱/ 2022年08月22日 12:23/ 0 赞/ 208 阅读

相关纯CSS实现表单验证

目录目录引言案例欣赏知识解析 required和optional in-range和out-

一时失言乱红尘/ 2022年08月06日 15:04/ 0 赞/ 191 阅读

相关 html5表单验证

[jQuery Validate学习网址][jQuery Validate] 挺好用的一款插件,可以自定义验证方法 $("form_details").valid

淩亂°似流年/ 2022年05月31日 05:28/ 0 赞/ 288 阅读

相关 Js 验证表单

预加载 $(document).ready(function(){ $("conid").focus(); });

桃扇骨/ 2022年04月17日 04:18/ 0 赞/ 326 阅读

相关 html5表单验证

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>表

Love The Way You Lie/ 2022年04月02日 07:17/ 0 赞/ 299 阅读

相关 js表单验证

<script type="text/javascript"> function check(){ var name = document.

末蓝、/ 2022年02月17日 07:53/ 0 赞/ 295 阅读

相关 js表单验证

<div class="addDIV"> <div class="panel panel-success"> <

迷南。/ 2021年12月21日 20:15/ 0 赞/ 342 阅读

相关 js表单验证

<html> <head> <meta charset="UTF-8"> <title>js表单验证</title> </head> <body> <form name

阳光穿透心脏的1/2处/ 2021年09月16日 14:26/ 0 赞/ 490 阅读