js登录注册页实现表单校验功能，要求用户名、密码长度6-16位，提交时不能为空，密码不能包含用户名，否则提示错误。

可以使用正则表达式和JavaScript来实现表单校验功能。以下是一个示例代码，可以实现要求的功能： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单校验</title> <script> function validateForm() { // 获取表单元素 var username = document.forms["loginForm"]["username"].value; var password = document.forms["loginForm"]["password"].value; // 定义正则表达式 var usernameRegex = /^[a-zA-Z0-9_-]{6,16}$/; var passwordRegex = /^[a-zA-Z0-9_-]{6,16}$/; // 校验用户名 if (username == null || username == "") { alert("请输入用户名"); return false; } else if (!usernameRegex.test(username)) { alert("用户名长度为6-16位，只能包含字母、数字、下划线和中划线"); return false; } // 校验密码 if (password == null || password == "") { alert("请输入密码"); return false; } else if (!passwordRegex.test(password)) { alert("密码长度为6-16位，只能包含字母、数字、下划线和中划线"); return false; } else if (password.indexOf(username) != -1) { alert("密码不能包含用户名"); return false; } // 校验通过，提交表单 return true; } </script> </head> <body> <form name="loginForm" onsubmit="return validateForm()"> <label for="username">用户名：</label> <input type="text" id="username" name="username"><br><br> <label for="password">密码：</label> <input type="password" id="password" name="password"><br><br> <input type="submit" value="提交"> </form> </body> </html> ``` 在HTML中，定义了一个包含用户名和密码的表单，并且在表单中添加了一个“提交”按钮。表单的onsubmit事件会调用JavaScript中的validateForm()函数来校验表单数据。在validateForm()函数中，首先获取了用户名和密码的值。然后定义了两个正则表达式，分别用于校验用户名和密码的格式。接着，依次对用户名和密码进行校验，如果校验不通过，则弹出提示框并返回false，阻止表单提交。最后，如果校验通过，则返回true，表单可以提交。需要注意的是，正则表达式中的^和$分别表示字符串的开头和结尾，保证了用户名和密码的长度在6-16位之间。其中，用户名和密码只能包含字母、数字、下划线和中划线。在校验密码时，使用了JavaScript中的indexOf()方法来判断密码中是否包含了用户名。如果包含，则校验不通过。

js登录注册页实现表单校验功能，要求用户名、密码长度6-16位，提交时不能为空，密码不能包含用户名，否则提示错误。

相关推荐

html网页用户注册表单验证校验JavaScript源码代码

网页用户注册表单校验JavaScript脚本代码源码下载

登录注册页实现表单校验功能，要求用户名、密码长度6-16位，提交时不能为空，密码不能包含用户名

登录注册页实现表单校验功能，要求用户名、密码长度6-16位，提交时不能为空，密码不能包含用户名，否则提示错误。

请用HTML和JavaScript写一段代码，要求登录注册页实现表单校验功能，要求用户名、密码长度6-16位，提交时不能为空，密码不能包含用户名，否则提示错误

设计一个网页实现登陆和注册表单，要求：实现表单校验功能；用户名、密码长度6-16位；提交时不能为空；密码不能包含用户名，否则提示错误。

请编写一段html代码，实现表单中的用户名和密码进行非空、长度范围以及密码和确认密码必须相等有效性校验

创建一个用户注册页面 让用户输入用户名 密码 电话和邮箱 使用javascript脚本完成密码校验 电话号码校验 邮箱校验和空内容校验

使用vue写一个登录页面，有用户名和密码，都做一些输入校验，不符合校验规则就提示重新输入

编写一个html文件，对示例表单中的用户名和密码进行非空、长度范围以及密码和确认密码必须相等有效性校验

编写javascript代码实现用户登录时数据合法性校验功能

编写一个密码登录有校验的页面

用js写一个注册页面附带校验

element-ui表单校验数组

小项目模板–表单本地合法性校验，纯js部分（基于JQuery框架）

最新推荐

STM32F103使用flash模拟eeprom

若依框架管理系统研究生辅助科研管理系统

scratch2源码接鸡蛋

zigbee-cluster-library-specification

管理建模和仿真的文件

MATLAB柱状图在信号处理中的应用：可视化信号特征和频谱分析

get() { return this.photoState },

JSBSim Reference Manual

"互动学习：行动中的多样性与论文攻读经历"

MATLAB柱状图在数据分析中的作用：从可视化到洞察

创建一个用户注册页面让用户输入用户名密码电话和邮箱使用javascript脚本完成密码校验电话号码校验邮箱校验和空内容校验