JS判断表单用户名密码是否为空，以及输入长度大小和焦点问题 小案例

最新推荐文章于 2022-08-11 20:59:23 发布
最新推荐文章于 2022-08-11 20:59:23 发布
阅读量4.9k 收藏 19
点赞数 3
分类专栏： JavaScript 文章标签： javascript css css3 html5 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Falt_/article/details/105805161
版权

（一）实现简单的用户名密码是否为空，以及长度判断

  需求：
	1.用户名，密码是否为空，不满足时做出提示
	2.用户名长度大于8小于24，不满足条件时作出提示
	3.密码长度大于6，小于15   不满足条件时作出提示
话不多说直接上代码，代码中都有注释作为解释
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>js表单案例</title>
	<!--调整一下位置和内边距	-->
		<style type="text/css">
			*{
   
				margin: 10px auto;
				padding: 5px;
			}
		</style&g
最低0.47元/天 解锁文章
呐，给你好了
关注
  • 3
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
完整的表单验证实例（含用户名密码长度、邮箱手机号格式验证）
weixin_47982238的博客
08-15 1360
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <style> *{ font-family: 微软雅黑; } .error{ color:#f00; font-.
js判断账号长度以及判断两次输入的密码是否一致
小汤圆
02-18 1069
js判断账号长度以及判断两次输入的密码是否一致
验证用户名和密码是否为空的两种方式
热门推荐
Jane_Liee的博客
09-15 2万+
表单源码：index.jsp<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>登录界面</title> </head> <style type="
Jquery实现检测用户输入用户名和密码不能为空
qq_44165157的博客
07-23 1536
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--设置用户名输入框--> <label >用户名 <input id="t1
利用js进行表单验证：判断用户名和密码非空
看不过的黑工坊
03-20 1万+
转自：http://www.runoob.com/js/js-form-validation.html http://www.jikexueyuan.com/course/597_7.html?ss=2 function validateForm() { var x=document.forms["myForm"]["fname"].value; if (x==nul
JavaScript简单表单验证：用户名密码是否为空
爪白白的个人博客
05-06 1万+
form表单代码 <form name="form1" method="post" action=""> 用户名：<input name="user" type="text" id="user"> 密码：<input name="pwd" type="password" id="pwd"> <input type="button" name="button...
jQuery仿京东注册表单验证代码.zip
07-05
4. **表单验证逻辑**：验证函数通常包含一系列条件判断，例如，使用`if...else`语句检查用户名是否为空，密码是否满足复杂性要求（长度、数字、字母组合等），邮箱或手机号格式是否正确。对于每种验证，如果不符合...
jQuery实用的注册表单验证代码.zip
07-05
这可能包括检查字段是否为空、长度是否满足要求、格式是否正确（如邮箱的验证可以通过正则表达式完成）等。 ```javascript function validateEmail(email) { var regex = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]...
使用JQuery实现用户名的验证
05-31
- **焦点事件处理**：当用户名输入框获得焦点时（`onfocus`），会调用`mes_focus()`函数，显示用户名长度提示；当失去焦点时（`onblur`），则调用`mes_blur()`函数，隐藏提示信息。 - **用户名验证**：当输入框失去...
jquery登录界面案例
04-08
例如，我们可以通过监听`input`或`keyup`事件来实时检查用户名和密码是否符合要求，如非空、长度限制等，并即时给出反馈。 2. **动画效果** jQuery的动画API允许开发者创建流畅的视觉效果。在登录界面中，可以使用...
点击按钮判断输入框不能为空，密码长度不可以小于六
wangsong97的博客
10-27 3673
献上效果图 样式的代码就不写了 就是三个input 两个输入框 一个按钮 给他们设置id以便下面可以找到 给按钮设点击事件 $(function(){ $("#input").on("click",function(){ }); }); 点击事件里进行输入框的判断 $(function(){ $("#input").on("click",function(){ //判断用户名的输入...
运用JS实现密码框效果（附源码）
DFireTesting的博客
09-22 1660
前言 最近一直在公司写文档类的工作，挺枯燥的，搞得整个人情绪比较低落。突然想到自己好像很久都没写代码了，所以就重温了一下密码框效果用js实现的方法。记录一下“美好”生活。 源码 附上源码，不够如果不是很熟练的话还是建议大家手打一遍，熟能生巧！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic
jquery学习之1.19-小练习3-输入用户名密码时焦点触发和失去焦点
weixin_30239339的博客
03-28 143
功能：进入页面，输入框用户名中默认填写的有用户名/手机/邮箱，当鼠标移动到上面时，默认值消失。鼠标移开时，如果没有填值，则继续显示用户名/手机/邮箱 页面效果： 代码如下： 1 <%@ page language="java" import="java.util.*" 2 pageEncoding="utf-8"%> 3 &...
jsp表单验证大全
I'm Nothing
01-17 4044
原文：http://blog.csdn.net/zndxlxm/article/details/7405246 js验证表单大全 js验证radio是否选择 function checkform(obj) { for(i=0;i           if(obj.oo[i].checked==true) return true; alert("请选择") return fa
js 正则---验证密码为6-16位数字与字母组合方法
qq_38974041的博客
12-21 7020
checkPwd(pwd){ var reg =/^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,16}$/ var re = new RegExp(reg) if (re.test(pwd)) { return true; }else{ retur...
JS表单验证，最详细步骤，代码
knowingna的博客
08-11 2242
JS表单验证，最详细步骤，代码
JS如何校验表单用户名、密码是否为空，"return false;"语句又有什么作用？
林大侠
08-10 4942
  在系统登录页面，我们常常会用JS去进行校验用户名、密码等信息是否为空的操作，一般就是在校验的文本框中添加id属性，在script标签中申明函数，然后去关联事件，起到一个触发的效果，最后在函数中进行判断条件的书写。逻辑没有多大问题，但是一个细节不到位，就达不到我们理想的效果。比如明明在页面判断条件一旦满足（为空条件）就会有弹窗【警告弹窗】，按理浏览器就会阻止事件继续触发，但却继续跳转了…   其...
html怎么验证用户名不为空,JavaScript表单验证实例之验证表单项是否为空
weixin_42365346的博客
06-03 1808
表单验证几乎在每一个需要注册或者登陆的网站是必不可少的，有些验证则非常的复杂，可以说是各种各样给你的要求，不过本章节只介绍一下表单中最简单的验证方式，就是判断是否为空，有些要求比较低的网站对此已经满足需要了。代码如下:js简单表单验证window.onload=function(){var bt=document.getElementById("bt");bt.onclick=function()...
具体代码实现里面的函数：用户名和密码的验证，比如判断是否为空、密码长度等
最新发布
05-17
用户名和密码验证的具体实现可能会因编程语言或框架而异。一般来说，以下是一些常见的验证方法： 1. 判断用户名和密码是否为空。这可以通过检查输入字段中是否有内容来实现。例如，在Python的Flask Web框架中，可以使用request.form.get()函数获取表单中的值，并使用if语句检查是否为空。 ```python username = request.form.get('username') password = request.form.get('password') if not username or not password: # 提示用户名或密码不能为空 ``` 2. 验证密码长度。可以使用len()函数检查密码的长度是否符合要求。例如，在Django框架中，可以使用validators.MinLengthValidator()函数验证密码长度是否大于等于指定的最小值。 ```python from django.core import validators from django import forms class LoginForm(forms.Form): username = forms.CharField() password = forms.CharField(widget=forms.PasswordInput()) def clean_password(self): password = self.cleaned_data['password'] if len(password) < 8: raise forms.ValidationError("密码长度应大于等于8") return password ``` 3. 验证用户名是否唯一。在一些Web应用程序中，要求用户名必须唯一。可以使用ORM框架提供的查询函数检查数据库中是否存在相同的用户名。例如，在Django框架中，可以使用User.objects.filter()函数查询是否已经存在相同的用户名。 ```python from django.contrib.auth.models import User def register(request): if request.method == 'POST': username = request.POST['username'] password = request.POST['password'] if not username or not password: # 提示用户名或密码不能为空 elif User.objects.filter(username=username).exists(): # 提示用户名已经存在 else: user = User.objects.create_user(username=username, password=password) # 注册成功，跳转到登录页面 return redirect('/login/') else: return render(request, 'register.html') ``` 以上只是一些常见的验证方法，具体实现会因编程语言、框架和应用场景而异。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值