表单验证时错误提示写法示例

最新推荐文章于 2024-05-22 10:38:57 发布
最新推荐文章于 2024-05-22 10:38:57 发布
阅读量1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liweibo348/article/details/83991369
版权

 

布局文件中箭头指着的mobile就是ts文件中验证器代码中return中key为mobile这个值，这两个mobile是一样的，布局文件中hasError（'mobile','mobile'）第二个参数mobile是formcontrolName的值。

其他的都是类似的写法。

超级码li
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
angualr表单验证，错误提示;结合angualrUI和bootstrap
HanLaotwo的博客
12-14 1194
效果如下： 代码： html> head> meta charset="utf-8"> script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js">script> meta http-equiv="X-UA-Compatible" content="IE=ed
表单验证很麻烦？这篇文章教你如何简化表单验证及错误信息提示的实现
Duktig的博客
05-21 1363
前端项目往往会高频率的使用到表单验证及错误信息提示，但是一般写法有非常麻烦，而且基本都是各种重复代码。 这篇文章讲解如何简化表单验证及错误信息提示的实现，提升开发效率。
使用elementUI的form表单校验时，错误提示位置异常解决方法
最新发布
xuelong的博客
05-22 621
最近在做项目时遇到一个问题，使用elementUI的Descriptions 描述列表与form表单校验时，遇到校验信息显示的位置不对，效果如图
JS正则表单邮箱验证实例(错误信息周时显示出来)
php菜鸟技术天地
10-28 3033
无标题文档 function ck_email() { var reg= /^\w+@\w+\.(com|cn|gov)$/; var str=document.getElementById("email").value; if (reg.test(str)==true){ document.getElementById("p1").innerHTML="符合规则"
表单验证自定义验证规则和错误信息
06-30
表单验证自定义
如何自定义Struts2表单验证后的错误信息显示格式/样式_把错误信息放在后面
李顺利
01-07 272
Googel 标签: 李顺利 ;Java ;Java EE ;struts2 ;验证 ;错误信息 ;显示格式 ;自定义 ;换行 ;黑点 ;sfielderror ;后面 如何自定义Struts2表单验证后的错误信息显示格式/样式 （s:fielderror，换行，黑点）     敬请关注 如何自定义Struts2表单验证后的错误信息显示格式/样式_第二话 文章，里面有更多相关的解决方案，谢谢...
kohana框架上传文件验证规则写法示例
01-20
这个本身没有问题,但是呢,在实际的应用中总有点不方便,为什么呢,因为传到后面处理的时候,不仅要验证图片的上传还要验证form表单的某些字段. 一般我们会这样写 复制代码 代码如下: $post = new Validation($_POST); $...
bootstrapValidator自定验证方法写法
09-01
在提供的代码示例中，`issueInvoiceForm.validation` 函数就是一个完整的表单验证设置过程，包含了自定义验证逻辑。 在初始化表单验证的过程中，`init.field.bv` 事件用于处理每个字段的初始状态。这个事件监听器...
Jquery表单验证失败后不提交的解决方法
11-26
在处理表单时，为了提高用户体验和数据安全性，通常会进行表单验证。如果验证失败，我们不希望表单被提交。本文将详细介绍如何使用jQuery实现表单验证失败后不提交的功能。 首先，我们需要理解JavaScript中的事件...
EasyUI中实现form表单提交的示例分享
09-03
例如，`parent.$.messager.progress`显示进度提示，`endEdit()`可能用于验证子表数据，`$('#form').form('validate')`则是执行表单验证。 3. `accept()`：这可能是自定义函数，用于将子表中的数据写入隐藏的input...
vue3-form-validation:用于表单验证的Vue撰写功能
04-03
Vue 3的表单验证 用于表单验证的Vue合成功能。 :milky_way: 用TypeScript编写 :water_wave: 动态表格支持 :fallen_leaf: 轻的 npm install vue3-form-validation 验证是异步的，并且正在使用Promise.allSettled...
JS实现表单验证输入框提示
Those who achieve great thing do not stick to trifles
01-25 4090
JS实现表单验证输入框提示 一、步骤 1、设计好表单页面，在每个输入框后加入强调标签<span> 2、利用事件驱动函数，在输入框上绑定指定事件 3、编写相应函数，使得触发事件时达到理想结果 注： 在编写函数时，需要通过Id信息获取输入框内容如： var userName= do...
vant ui 表单验证不通过信息提示的消除
weixin_49549127的博客
07-25 6171
vant ui 表单验证不通过信息提示的消除 在使用vant表单验正消除表单不通过的信息时候可以个van-form 标签里加个 :key=”formKey” ， 我有尝试过使用:key=”+new Date()”来做这个key值，确实是可以消除不通过信息，但是又触发另一个问题，那就是我每输入一个字符就会自动帮我失去焦点 我的解决方案是在我需要的地方再修改key，代码示例： <van-form @submit="onSubmit" > <van-field v-model="usernam
常见代码报错提示
Bright2017的博客
05-08 1万+
写代码时，经常出现报错，但因为提示是应为，英文不好翻译出来结果又不准确很影响开发效率。下面是我遇到过的一些错误，希望能帮到大家。 1.Uncaught SyntaxError: Invalid or unexpected token  这个是指你的程序错误，比如写错，或者缺少 ， ） ； } 这些符号。  我经常是把英文逗号写错成中文逗号的时候就会见到他了
关于Vant-ui校验，自己开发一个表单校验组件（二）
一块钢的技术之旅
09-05 4134
关于Vant-ui校验，自己开发一个表单校验组件（二）开发中的几个重要问题以及解决如何获取需要校验的元素校验过程中 错误信息如何展示 开发中的几个重要问题以及解决 先创建 扩展的form组件，data 中存放 rulesEles （需要校验的元素） 如何获取需要校验的元素 获取 指定插槽内的所有元素项 this.$slots[插槽的名称] 但是有个问题，由于需要校验的元素可能在html结构中的...
HTML5--表单新特性使用自定义错误提示消息validity属性
热门推荐
冯小东
02-12 2万+
一、HTML5表单新特性 这里由于不是本文的主要内容，所以就不详细介绍HTML5表单新特性，需要了解和学习的介意查看本人的另外一篇文章，里面有很详细的介绍关于HTML5的表单的新特性。 网址： http://blog.csdn.net/baidu_25343343/article/details/53140454 二、自定义错误是什么？ 首先，HTML5的表单中有很
element form表单组件重复错误提示不显示
欢迎来到小迪的CSDN博客！
05-10 5595
前言 在我司已经经历了好几个后台项目了，登录页面一直有个小问题，如果登录出错了并且第一次提示了错误，然后再点击同一个按钮，错误提示就消失，而不是重复显示同一个错误。 后来去翻了下element的源码，发现el-form-item的error属性监听的是watch方法，也就是两次重复的错误操作，提示的错误信息一致，就不会触发watch方法。而我的逻辑是这样的，每次点击登录或者发送验证码，都会去重...
在flask中的注册界面中，请完成对email、邮箱验证码（6位数字）、用户名（大于4位小于20位）、密码（大于8位，必须有大小写字母和特殊符号）、确认密码（与密码完全一致)、电话（手机号必须11位），QQ号码（纯数字，不小于5位，不大于15位）的表单数据合法性验证的代码示例。并将这些字段存到sqllite数据库中，提供ORM格式的写法。
03-24
以下是一个基本的 Flask 注册表单数据合法性验证的代码示例： ```python from flask import Flask, render_template, request from flask_sqlalchemy import SQLAlchemy from sqlalchemy.orm import validates import re app = Flask(__name__) app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///users.db' db = SQLAlchemy(app) class User(db.Model): id = db.Column(db.Integer, primary_key=True) email = db.Column(db.String(120), unique=True, nullable=False) username = db.Column(db.String(20), unique=True, nullable=False) password = db.Column(db.String(120), nullable=False) phone = db.Column(db.String(11), unique=True, nullable=False) qq = db.Column(db.String(15), unique=True, nullable=False) @validates('email') def validate_email(self, key, email): if not re.match(r"[^@]+@[^@]+\.[^@]+", email): raise ValueError('Invalid email address') return email @validates('username') def validate_username(self, key, username): if len(username) < 4 or len(username) > 20: raise ValueError('Username must be between 4 and 20 characters') return username @validates('password') def validate_password(self, key, password): if len(password) < 8: raise ValueError('Password must be at least 8 characters') if not any(char.isdigit() for char in password): raise ValueError('Password must contain at least one digit') if not any(char.isupper() for char in password): raise ValueError('Password must contain at least one uppercase letter') if not any(char.islower() for char in password): raise ValueError('Password must contain at least one lowercase letter') if not any(char in '!@#$%^&*()_-+={}[]|\:;"<>,.?/~`' for char in password): raise ValueError('Password must contain at least one special character') return password @validates('phone') def validate_phone(self, key, phone): if not re.match(r"^1[3456789]\d{9}$", phone): raise ValueError('Invalid phone number') return phone @validates('qq') def validate_qq(self, key, qq): if not re.match(r"^\d{5,15}$", qq): raise ValueError('Invalid QQ number') return qq @app.route('/register', methods=['GET', 'POST']) def register(): if request.method == 'POST': email = request.form['email'] username = request.form['username'] password = request.form['password'] confirm_password = request.form['confirm_password'] phone = request.form['phone'] qq = request.form['qq'] try: user = User(email=email, username=username, password=password, phone=phone, qq=qq) db.session.add(user) db.session.commit() return 'Registration successful' except ValueError as e: return str(e) return render_template('register.html') ``` 在这个示例中，我们使用了 Flask 和 SQLAlchemy 来创建一个简单的注册表单，其中包含了 email、邮箱验证码、用户名、密码、确认密码、电话和 QQ 号码等字段。我们使用了 SQLAlchemy 的 ORM 功能来将这些字段存储到 SQLite 数据库中。 在 User 类中，我们使用了 @validates 装饰器来对每个字段进行合法性验证。例如，在 validate_email 方法中，我们使用了正则表达式来验证 email 地址的格式是否正确。如果验证失败，我们会抛出一个 ValueError 异常，这个异常会在注册表单提交时被捕获并返回给用户。 在 register 视图函数中，我们首先从表单中获取所有字段的值，然后创建一个 User 对象并将其添加到数据库中。如果添加成功，我们返回一个成功的消息；否则，我们会捕获 ValueError 异常并将其转换为字符串返回给用户。 这个示例只是一个基本的表单验证示例，你可以根据自己的需求进行修改和扩展。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值