简单表单校验

最新推荐文章于 2024-03-26 16:08:51 发布
最新推荐文章于 2024-03-26 16:08:51 发布
阅读量137 收藏
点赞数
分类专栏： JavaScript 文章标签： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AlisaMa233/article/details/89881184
版权

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript">
            function showTips1() {
                var span_pasw1 = document.getElementById("span_pasw1")

                span_pasw1.innerHTML = "<font>plz fill in>6 words</font>"

            }

            function reguler1() {
                var pasw1 = document.getElementById("pasw1").value;
                var span_pasw1 = document.getElementById("span_pasw1")
                if(pasw1.length < 6) {
                    span_pasw1.innerHTML = "<font color='red'>too short</font>"
                    return false;
                } else {

                    span_pasw1.innerHTML = "<font color='blue'>right</font>"
                    return true;
                }
            }

            function returnForm() {
                var rf = reguler1()/*&&checkUsername()&&checkUsername()&&checkEmail()*/;
                return rf;
            }
        </script>
    </head>

    <body>
        <form action="Js1.html"  οnsubmit="return returnForm()">

        PassWord:
        <input type="password" name="pasw1" id="pasw1" οnfοcus="showTips1()" οnblur="reguler1()" />
        <span id="span_pasw1">
            
        </span><br />
        <input type="submit" value="submit" />
        </form>
    </body>

</html>

Hayley333
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
表单校验
weixin_44794676的博客
06-30 165
表单校验 1. 掌握表单验证的实现流程 1.1 表单验证的作用 保证用户输入的内容符合我们项目的要求 降低服务器的压力 提升用户的体验 1.2 表单验证的实现思路 **1.程序的入口：**事件（表单提交事件onsubmit,失去焦点事件onblur，普通按钮的点击事件onclick，获取焦点事件onfocus，键盘录入事件onkeydown） 2.程序主体：（表单验证的实现思路（4步）） ...
angularjs简单表单校验
小小黑
10-25 502
EE body { font-size: 12px; } input { padding: 3px; } <form name="temp_form" ng-submit="save()" ng-controller="c14"> 姓名不能为空! 邮箱不能为空 邮箱格式不
vantUI 1.0版本官方没有表单检验 自制简单表单校验
weixin_46356788的博客
03-26 246
在vant ui 微信小程序版1.0中是没有表单校验功能的 但是实际项目中又需要实现表单检验的功能这时候就可以自制一个简单的表单校验。至于红色星号 设置required即可。首先设置需要检验的内容。创建一个用来校验的方法。
html中简单表单校验不通过不提交后台
Sophist
01-19 5013
html页面如下：javascript代码如下：注意：html 页面中的提交按钮的onclick属性格式必须为： return functionName() 否则校验函数会执行，但是无论校验函数是否校验通过，均会提交到后台。图2为简单的弹出框确认校验。
js表单校验脚本,简单方便
12-07
依赖jQuery的表单校验脚本，在使用此脚本之前请先引入jQuery文件
jquery的validate表单校验插件
06-19
《jQuery的validate表单校验插件深度解析》 在前端开发中，表单校验是必不可少的一个环节，它能够确保用户输入的数据符合预设的规范，提高用户体验并减轻服务器端的压力。jQuery的validate插件作为一款强大的表单...
vue表单自定义校验规则介绍
10-18
首先，让我们看一个简单的Vue表单示例： ```html 密码" prop="pass"> <el-input type="password" v-model="ruleForm2.pass" auto-complete="off"></el-input> 确认密码" prop="checkPass"> ...
小程序表单校验WxValidate
08-10
该插件是参考 jQuery Validate 封装的，为小程序表单提供了一套常用的验证规则，包括手机号码、电子邮件验证等等，同时提供了添加自定义校验方法，让表单验证变得更简单。
qt练习控件label控件-lineEdit控件样例代码
07-30
qt练习控件label控件-lineEdit控件样例代码
【JCR一区级】麻雀搜索算法SSA-CNN-LSTM-Attention故障诊断分类预测【含源码 5689期】.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-LSTM-Attention分类系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-LSTM-Attention分类 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-LSTM-Attention分类 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-LSTM-Attention分类 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-LSTM-Attention分类 4.4.5 萤火虫算法FA/差分算法DE-CNN-LSTM-Attention分类
详解MATLAB Simulink通信系统建模与仿真
07-30
第1 章 MATLAB 基础与通信系统仿真 1.1 MATLAB 简介 1.2 MATLAB 程序设计 1.3 通信系统仿真 第2 章 Simulink 仿真基础 2.1 Simulink 简介 2.2 Simulink 工作环境 2.3 Simulink 仿真的基本方法 2.4 创建自己的模块库 2.5 S-函数的编写 第3 章 通信信号与系统分析 3.1 离散信号和系统 3.2 Fourier 分析 3.3 带通信号的低通等效 3.4 随机信号分析 第4 章 信道 4.1 加性高斯白噪声信道 4.2 多径衰落信道 第5 章 模拟调制 5.1 幅度调制 5.2 角度调制 第6 章 数字基带传输 6.1 概述 6.2 二进制基带信号传输 6.3 基带PAM 信号传输 6.4 带限信道的信号传输 第7 章 数字信号载波传输 7.1 概述 7.2 载波幅度调制（PAM） 7.3 载波相位调制（PSK） 7.4 正交幅度调制（QAM） 7.5 载波频率调制（FSK） 第8 章 信道编码和交织 8.1 概述 8.2 线性分组码
SCI一区】淘金算法GRO-CNN-BiLSTM-Mutilhead-Attention多变量时序预测含源码 5642.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-BiLSTM-Mutilhead-Attention回归预测系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-BiLSTM-Mutilhead-Attention回归预测 4.4.5 萤火虫算法FA/差分算法DE-CNN-BiLSTM-Mutilhead-Attention回归预测
2020年首届“洪泽湖杯”中国人工智能掼蛋算法大赛第8名我就是掼蛋.zip
07-30
毕业设计是高等教育阶段学生完成学业的一个重要环节，通常在学士或硕士学业即将结束时进行。这是学生将在整个学业中所学知识和技能应用到实际问题上的机会，旨在检验学生是否能够独立思考、解决问题，并展示其专业能力的一项综合性任务。 毕业设计的主要特点包括： 独立性： 毕业设计要求学生具备独立思考和解决问题的能力。学生需要选择一个合适的课题，研究相关文献，进行实地调查或实验，并提出独立见解。 实践性： 毕业设计是将理论知识应用到实际问题中的一次实践。通过完成毕业设计，学生能够将所学的专业知识转化为实际的解决方案，加深对专业领域的理解。 综合性： 毕业设计往往要求学生运用多个学科的知识，综合各种技能。这有助于培养学生的综合素养，提高他们的综合能力。 导师指导： 学生在毕业设计过程中通常由一名指导老师或导师团队提供指导和支持。导师负责引导学生确定研究方向、制定计划、提供建议，并在整个过程中监督进展。 学术规范： 毕业设计要求学生按照学术规范完成研究，包括文献综述、研究设计、数据采集与分析、结论和讨论等环节。学生需要撰写一篇完整的毕业论文，并进行答辩。
网络音乐搜索引擎，音乐搜索器 - 多站合一音乐搜索,音乐在线试听
最新发布
07-30
网络音乐搜索引擎，音乐搜索器 - 多站合一音乐搜索,音乐在线试听 效果截图https://www.diyiyuanma.cn/3444.html 多站合一音乐搜索解决方案，数据调用的是各网站的API接口， 有的接口并不是开放的，随时可能失效，本项目相关代码仅供参考。 网络音乐搜索引擎，音乐搜索器 - 多站合一音乐搜索,音乐在线试听
这是一个旨在简化合约部署、验证、交互等操作用于生成区块链智能合约Foundry框架指令的 Web3.0开发者工具
07-30
这是一个旨在简化合约部署、验证、交互等操作用于生成区块链智能合约Foundry框架指令的 Web3.0开发者工具。
三种esprit算法实现doa估计 _rezip.zip
07-30
在信号处理领域，DOA（Direction of Arrival）估计是一项关键技术，主要用于确定多个信号源到达接收阵列的方向。本文将详细探讨三种ESPRIT（Estimation of Signal Parameters via Rotational Invariance Techniques）算法在DOA估计中的实现，以及它们在MATLAB环境中的具体应用。 ESPRIT算法是由Paul Kailath等人于1986年提出的，其核心思想是利用阵列数据的旋转不变性来估计信号源的角度。这种算法相比传统的 MUSIC（Multiple Signal Classification）算法具有较低的计算复杂度，且无需进行特征值分解，因此在实际应用中颇具优势。 1. 普通ESPRIT算法 普通ESPRIT算法分为两个主要步骤：构造等效旋转不变系统和估计角度。通过空间平移（如延时）构建两个子阵列，使得它们之间的关系具有旋转不变性。然后，通过对子阵列数据进行最小二乘拟合，可以得到信号源的角频率估计，进一步转换为DOA估计。 2. 常规ESPRIT算法实现 在描述中提到的`common_esprit_method1.m`和`common_esprit_method2.m`是两种不同的普通ESPRIT算法实现。它们可能在实现细节上略有差异，比如选择子阵列的方式、参数估计的策略等。MATLAB代码通常会包含预处理步骤（如数据归一化）、子阵列构造、旋转不变性矩阵的建立、最小二乘估计等部分。通过运行这两个文件，可以比较它们在估计精度和计算效率上的异同。 3. TLS_ESPRIT算法 TLS（Total Least Squares）ESPRIT是对普通ESPRIT的优化，它考虑了数据噪声的影响，提高了估计的稳健性。在TLS_ESPRIT算法中，不假设数据噪声是高斯白噪声，而是采用总最小二乘准则来拟合数据。这使得算法在噪声环境下表现更优。`TLS_esprit.m`文件应该包含了TLS_ESPRIT算法的完整实现，包括TLS估计的步骤和旋转不变性矩阵的改进处理。 在实际应用中，选择合适的ESPRIT变体取决于系统条件，例如噪声水平、信号质量以及计算资源。通过MATLAB实现，研究者和工程师可以方便地比较不同算法的效果，并根据需要进行调整和优化。同时，这些代码也为教学和学习DOA估计提供了一个直观的平台，有助于深入理解ESPRIT算法的工作原理。
细胞分割计数matlab程序 附GUI 1.zip
07-30
细胞分割计数matlab程序 附GUI 1
简单的v-decorator表单校验
04-03
V-decorator是基于Vue.js的表单校验插件，它可以帮助我们在Vue.js中更方便地实现表单校验。 以下是一个简单的使用v-decorator进行表单校验的例子： ```html <template> <div> <form> <div> <label for="name">姓名：</label> <input type="text" id="name" v-model="name"> </div> <div> <label for="age">年龄：</label> <input type="number" id="age" v-model="age"> </div> <div> <button @click.prevent="submitForm">提交</button> </div> </form> </div> </template> <script> import { required, numeric } from 'vuelidate/lib/validators'; import { validationMixin } from 'vuelidate'; export default { name: 'MyForm', mixins: [validationMixin], data() { return { name: '', age: '', }; }, validations: { name: { required, }, age: { required, numeric, }, }, methods: { submitForm() { this.$v.$touch(); if (!this.$v.$invalid) { // 表单校验通过 console.log('表单校验通过'); } }, }, }; </script> ``` 在上面的例子中，我们使用了vuelidate来完成表单校验，具体步骤如下： 1. 安装vuelidate和v-decorator ```bash npm install --save vuelidate v-decorator ``` 2. 在组件中引入vuelidate和v-decorator ```javascript import { required, numeric } from 'vuelidate/lib/validators'; import { validationMixin } from 'vuelidate'; ``` 3. 在组件中使用validationMixin ```javascript mixins: [validationMixin], ``` 4. 在组件的data中定义需要校验的表单项 ```javascript data() { return { name: '', age: '', }; }, ``` 5. 在组件的validations中定义每个表单项的校验规则 ```javascript validations: { name: { required, }, age: { required, numeric, }, }, ``` 6. 在组件中调用$v.$touch()方法触发表单校验 ```javascript submitForm() { this.$v.$touch(); if (!this.$v.$invalid) { // 表单校验通过 console.log('表单校验通过'); } }, ``` 通过以上步骤，就可以轻松地使用v-decorator进行表单校验了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值