<input name="username" value="" length="12" maxlengthd="12"/>
数据库里面username vachar2(12)
这个输入框要求用JAVASCRIPT去验证不能超过12个数字或英文或数字英文组合，还要求不能超过6个汉字,还要验证汉字和字母，数字的组合
如：用户名1999(就可以)，麦克斯韦1999(就不行)
因为数据库里面要求的长度是12，一个汉字就占两个，但是在页面可以输入12个汉字
请用JAVASCRIPT写出你的解决方案？
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
输入待测字串: <input type="text" onblur="test(this.value);">
</html>
<script language="javascript">
<!--
//测试匹配情况
function test(inputVal)
{
//去除首尾空格
inputValinputVal = inputVal.replace(/^\s*|\s*$/g,"");
//零长字串不作处理
if ( inputVal.length == 0 )
{
return;
}
//只能匹配数字,字母或汉字
var _match = inputVal.match(/^[a-zA-Z0-9\u4e00-\u9fa5]+$/g);
//匹配数字或字母(包括大小写)
var codeMatch = inputVal.match(/[a-zA-Z0-9]/g);
//匹配汉字
var charMatch = inputVal.match(/[\u4e00-\u9fa5]/g);
//数字或字母个数
var codeNum = codeMatch ? codeMatch.length : 0;
//汉字个数
var charNum = charMatch ? charMatch.length : 0;
//成功
if ( _match && codeNum + 2*charNum <= 12 )
{
alert("输入正确!");
return;
}
//失败
alert("输入错误!");
}
//-->
</script>
分享到：
相关推荐
在部分内容中，还提到了一些JavaScript代码片段，用于在输入框中实时限制输入的内容类型，例如数字、字母或特定字符组合。这些代码通过监听键盘事件（如`onkeyup`）来过滤输入，确保用户只能输入符合预设条件的字符...
7. **车牌号验证**：这通常涉及到国家或地区的特定规则，例如，中国大陆的小型车车牌号通常是汉字+英文+5位数字或字母，如`^[\u4e00-\u9fa5]{1}[a-zA-Z]{1}[0-9a-zA-Z]{5}$`。 在实际应用中，这些正则表达式可能会...
在IT行业中，尤其是在前端开发领域，创建一个自定义的车牌号码输入框并实现特定的验证功能是一项常见的任务。本项目标题和描述指出，我们需要构建一个输入框，允许用户自定义输入车牌号码，并确保输入的内容符合新...
在JavaScript中，限制用户输入只能为数字或汉字的需求在网页交互和表单验证中非常常见。这涉及到JavaScript的事件处理、正则表达式以及DOM操作等基础知识。下面将详细讲解如何实现这一功能。 首先，我们需要了解...
JavaScript是Web开发中不可或缺的一部分，尤其在前端交互和数据验证方面。本文主要涵盖了JavaScript实现的八种表单验证方法，确保用户输入的数据符合特定规则，从而提高网站的安全性和用户体验。 1. **长度限制验证...
——学习参考资料：仅用于个人学习使用！ javascript代码-使用js验证input输入框（字母，数字，符号，中文）的源代码
JavaScript 表单验证是网页开发中的重要一环，它确保用户在提交数据前输入的数据符合预设的规则，从而提高用户体验并减少服务器端处理错误数据的压力。以下是对给定文件中涉及的一些JavaScript表单验证技术的详细...
4. 与普通输入框类似，测试边界值，如只输入一个数字，输入16位数字，以及超过17位数字的输入。 5. 进行超长数字输入的测试，以确认系统的限制处理。 这些测试覆盖了常见输入类型的多种可能情况，旨在确保系统在...
本文详细介绍了使用JavaScript（JS）对HTML中的input输入框进行内容验证的各种方法，以确保用户只能输入指定类型的数据，包括字母、数字、特殊符号以及中文字符。以下是详细介绍的各个知识点： 1. 只能输入英文的...
本资源提供的"表单验证只能输入数字中文源码"是一个针对JSP（JavaServer Pages）开发的解决方案，它允许用户在表单字段中仅输入数字和中文字符，而排除其他不必要的字符如英文、特殊字符等。 首先，我们需要了解...
根据提供的文件信息，本文将详细解释如何通过JavaScript代码限制HTML中的`<input>`元素只接收数字、英文字符以及汉字输入。这些技术对于确保用户输入的数据符合预期格式非常有用，在多种应用场景下都非常重要。 ###...
本文详细介绍了如何利用JavaScript和正则表达式来限制输入框仅能输入中文、数字和英文字符，这是一种常见且实用的技术手段。 首先，要实现这样的功能，我们需要编写一个能够检查输入内容的函数。这个函数通常会在...
本资源包“JS input正则验证大全”主要聚焦于使用JavaScript进行输入框（input）的各种类型的数据验证，包括英文、中文、邮箱、手机号、银行卡和身份证等常见字段的正则校验规则。以下是对这些知识点的详细说明： 1...
JavaScript验证在网页表单处理中扮演着至关重要的角色，它能确保用户输入的数据符合预期的格式和要求，从而提高用户体验并减少服务器端的错误处理负担。以下是一些常见的JavaScript验证技术： 1. 长度限制：对于...
本主题聚焦于验证文本框输入的是否是汉字或数字，这是许多应用场景中常见的需求，如表单填写、密码设置等。 验证文本框输入的汉字与数字，主要涉及到以下几个知识点： 1. **事件监听**：首先，我们需要对文本框...
在Vue.js框架中实现输入一位数字转汉字的功能，主要是为了将用户输入的一位数字实时转换为其对应的汉字表示。这一功能在某些特定场景下，如针对儿童的教育应用或者对数字不敏感的用户，可能会提供更好的用户体验。...