首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

【JavaScript】案例1:使用JS完成注册页面校验

本期介绍 本期主要介绍案例1:使用JS完成注册页面校验 文章目录 1. 需求说明 2. ...需求说明 用户在提交注册表单时,需要对用户的填写的数据进行校验。 本案例只对用户名、密码、确认密码进行校验。...例如: JS 可以对 HTML 元素进行动态控制 JS 可以对表单项进行校验 JS 可以控制 CSS 的样式 2.1.2 JavaScript 入门案例 2.1.3... JavaScript 的语言特征及编程注意事项 特征: JavaScript 无需编译,直接被浏览器解释执行 JavaScript 无法单独运行,必须嵌入到 HTML 代码中运行...通常鼠标或热键的动作我们称之为事件 (Event) 事件包括:点击、表单提交、值发生改变、鼠标移入、鼠标移出等等 通过 JS 事件,我们可以完成页面的指定特效。

3.1K70

巧用 gitHooks 提交校验代码

这些 Hooks 在 git 操作 commit、push、merge 等得时候,可以做前置或者后置的操作,例如 pre-commit 在 git commit 前可以做代码校验校验代码的时候使用的ESLint...,git commit -m 'test'发现代码已经被拦截,没有提交,因为index.js代码不符合规范 遗留问题就是 git hooks 不会编写怎么办,下面 lint-staged 出来了 lint-staged...校验 commit 提交的信息 npm install --save-dev @commitlint/config-conventional @commitlint/cli 使用新建commitlint.config.js...用于标识此次提交主要涉及到代码中哪个模块。 description:一句话描述此次提交的主要内容,做到言简意赅。...这时候,执行一次测试一下 git add . git commit -m 'test' 因为该提交的 commit 是不规范的所以提交时失败的 如下图 如果把 commit 修改,就会提交成功,因为符合

3.9K31

commitLint和husky实现代码提交校验

先说说git提交时候的信息,一般都比较随意,大概描述这次提交的重点就够了。有时候刚改完代码测试,马上另外一个小东西要调整,所以提交的时候有时候123之类的都有可能。...这其实很不规范,没办法从提交信息中获取这次提交的大概用意。一些老一点大一点的项目,需求调整的时候之前的逻辑通过提交信息也不知道是哪个需求调整的。反正就是commit的信息和代码变更对不上。...所以,必要的时候,要使用工具进行约束,commitlint就是专门用来约束提交信息的: https://commitlint.js.org/#/ 直接创建一个项目:vue create test-commtlint...提交的信息可以自己定制,配置rules: https://commitlint.js.org/#/reference-rules 我自己配置了,是真的没搞懂,官方文档也没说哪些是必须的,配置了好像也没用...项目用了eslint之类的代码格式校验,编辑的时候是会报错,但是提交是没影响的,可以用git的hook来校验,其实就是执行eslint的命令: https://www.npmjs.com/package

1.3K10

GitHub 如何让你的提交显示被校验

如下面的图片显示的,在提交的时候,如何让我的提交显示被校验呢。 其实流程也不是非常复杂,按照下面的过程来进行配置就可以了。...有关下载安装 gnupg 的方法和过程,请参考页面:如何在 Windows 上创建一个新的 GPG key 中的内容。 当你完成安装后,我们需要运行 Kleopatra 来创建一个 PGP Key。...请注意,你的邮件地址需要和你在 GitHub 上已经校验的邮件地址一致,为了方便,我们用户名也会选择和 GitHub 提交试用的用户名一致,你也可以使用不同的用户名。...在设置页面中,选择 GPG Key。 在弹出的界面中,选择创建新的 GPG 然后将在上一步上拷贝的 Key 字符串,复制粘贴到这里。 然后单击添加 Key 来完成 Key 的添加过程。...然后保存后,对代码进行修改,尝试提交修改的代码到仓库中,以确定是否生效了。

62100

GitHub 如何让你的提交显示被校验

如下面的图片显示的,在提交的时候,如何让我的提交显示被校验呢。 其实流程也不是非常复杂,按照下面的过程来进行配置就可以了。...有关下载安装 gnupg 的方法和过程,请参考页面:如何在 Windows 上创建一个新的 GPG key 中的内容。 当你完成安装后,我们需要运行 Kleopatra 来创建一个 PGP Key。...请注意,你的邮件地址需要和你在 GitHub 上已经校验的邮件地址一致,为了方便,我们用户名也会选择和 GitHub 提交试用的用户名一致,你也可以使用不同的用户名。...在设置页面中,选择 GPG Key。 在弹出的界面中,选择创建新的 GPG 然后将在上一步上拷贝的 Key 字符串,复制粘贴到这里。 然后单击添加 Key 来完成 Key 的添加过程。...添加: [gpg] program = "C:/Program Files (x86)/GnuPG/bin/gpg.exe" gpg 的配置需要指派到 exe 可执行文件,这个用来对签名进行校验

68440
领券