JavaScript
请教一个javascript 验证表单的问题，多谢
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区代码如下：
<style type="text/css">
<!--
.text {
font-size: 12px;
color: #FF0000;
text-decoration: none;
}
-->
</style>
</head>
<body>
<script language="javascript">
function test()
{
if(document.form1.username.value.length<6){
document.getElementById("text1").innerHTML = "用户名不能少于6个字符！";//x是一个层
return false;
}else{
document.getElementById("text1").innerHTML="用户名通过验证";
}
if(document.form1.userpass.value.length<6){
document.getElementById("text2").innerHTML="密码不能少于6个字符！";
return false;
}else{
document.getElementById("text2").innerHTML="密码通过验证";
}
}
</script>
<form id="form1" name="form1" method="post" action="" onsubmit="return test()">
<table width="500">
<tr>
<td width="182"><input name="username" type="text" id="username" onblur="return test()" /></td>
<td width="306"><div id="text1" class="text"></div></td>
</tr>
<tr>
<td><input name="userpass" type="text" id="userpass" onblur="return test()" /></td>
<td><div id="text2" class="text"></div></td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="Submit" value="提交" /></td>
</tr>
</table>
</form>
相关推荐
JavaScript表单验证完美代码
用原生JS写一个简单的表单验证功能，代码分为html部分和js部分，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下
Javascript的表单验证-提交表单
推荐阅读：Javascript的表单验证长度 Javascript的表单验证-初识正则表达式 Javascript的表单验证-揭开正则表达式的面纱 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 坏数据不该抵达服务器：提交表单时的验证 表单域对象里有个form特性，它使用数组表示了整份表单的域 假如这里只有一个简单的信息文本框和一个邮政编码框，还有一个提交按钮 <form> <input id="message" name="message" type="text" size="12" onBlur="validate_Length(1,32,t
一个完美的js表单验证案例
一个完美的js表单验证案例，集成了jQuery 效果如下:https://blog.csdn.net/chendongpu/article/details/120887021
JavaScript 基础表单验证示例(纯Js实现)
验证思路 监听每个input控件的焦点离开（onblue），当焦点离开时调用验证函数，验证后修改第三栏文字，显示符合/不符合并返回true/false 实现代码： index.html <!DOCTYPE html> <html> <head> <title></title> </head> <body> <form id=form action= method=post onsubmit=return vipdate()> <
一个js验证表单
NULL 博文链接：https://jhaij.iteye.com/blog/267427
