<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<script type="text/javascript">
//只能输入0-9的数字
function numbercheckKey(key) {
if(!(key>=96 && key<=105 || key>=48 && key<=57)){
event.returnValue=false;
}
var number = document.getElementsByName("number")[0].value;
if(number.length>9){
event.returnValue=false;
}
//这句话必须放到后面.不然的话得不到执行
if(key==8){
event.returnValue=true;
}
}
//可以输入小数类型的数字
function floatNumberCheck(key){
if(!(key>=96 && key<=105 || key>=48 && key<=57)){
event.returnValue=false;
}
var number = document.getElementsByName("floatNumber")[0].value;
if(key==110 || key==8){
event.returnValue=true;
}
}
function showHidde(){
obj = document.getElementsByName("checkbox")[0];
if(obj.checked==true)
{
document.getElementsByName("info")[0].style.display="block";
} else {
document.getElementsByName("info")[0].style.display="none";
}
}
function aa()
{
var va = confirm("是否提交");
if(va)
{
alert("提交了");
} else {
alert("取消了提交");
}
}
function change(value,del) {
//alert(del);
document.getElementById(del).style.color=value;
}
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
<!--
.style2 {color: #993399}
-->
</style>
</head>
<body>
<form name="form1" method="post" action="">
<p>只能输入数字:
<input type="text" name="number" onKeyDown="numbercheckKey(event.keyCode)">
</p>
<p>可以输入小数:
<input name="floatNumber" type="floatNumber" onKeyDown="floatNumberCheck(event.keyCode)">
</p>
<p> </p>
<p>
<input type="checkbox" name="checkbox" value="checkbox" onclick="showHidde()">
请填写信息
</p>
<p>
<input type="text" name="info" style="display:none">
</p>
<p>
<input type="button" name="kk" value="确认窗体" onclick="aa()">
</p>
<p onmouseover="change('#993399','del1')" onmouseout="change('#FFFFFF','del1')" onmouseDown="change('#000000','del1')" ><span id="del1">变色给你看</span></p>
<p onmouseover="change('red','del2')" onmouseout="change('black','del2')" onmouseDown="change('blue','del2')" ><span id="del2">变色给你看2</span></p>
</form>
<p> </p>
</body>
</html>
分享到：
相关推荐
#### 四、限制文本框输入数字（含小数点），同时处理特殊场景 当需要对输入的小数进行更细致的控制时，例如限制小数点后最多两位数，可以使用以下代码： ```html (/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3')" onblur=...
首先，要控制文本框输入，需要使用JavaScript的正则表达式。正则表达式是一种强大的文本处理工具，可以通过定义匹配规则来筛选出符合特定模式的字符串。在本例中，我们使用正则表达式来识别并拒绝不符合要求的特殊...
在探讨如何利用JavaScript限制文本框只输入正整数这一主题时，我们首先应当明确目标：确保用户在文本框中输入的数据仅包含正整数，即非负整数（不包括小数、负数以及任何非数字字符）。这在许多场景下至关重要，比如...
"JS文本框只允许输入数字小数点"这个话题就围绕着如何使用JavaScript来实现这样一个功能。 首先，我们需要理解HTML中的`<input>`元素，它是用来创建表单字段的。我们可以通过设置`type`属性来定义输入类型，如`type...
各种防止文本框中输入的方法 javascript
"js限制文本框输入内容"这个主题涉及到如何使用JavaScript来控制用户在HTML文本框（`<input>`元素）中输入的数据类型和格式。这通常是为了增强用户体验，确保用户输入的数据符合预期，避免错误或不合法的输入。以下...
在这个场景下，用户在文本框中输入字符时，系统会自动在每个字符后面添加一个空格，并且保持光标停在当前字符串后的空格前，以便用户继续输入。这是一个常见的定制化输入体验的需求，常见于某些特定的表单或者输入...
在JavaScript（JS）中，对文本框（input field）进行空格输入验证是常见的前端表单验证需求。这种验证通常用于确保用户输入的数据不包含任何空格，例如在用户名、密码或身份证号等字段中。以下是一些实现这一功能的...
"jquery-文本框输入即时显示可输入剩余字符数"这个功能是提升用户体验的一种常见方式，它允许用户实时看到他们在一个文本框中还能输入多少字符，避免超过限制。这种功能广泛应用于评论、留言、表单填写等场景，有助...
Javascript实现的网页文本框输入提示 实现原理： 文本框输入内容后，搜索字符串数组，将匹配内容写入DIV以下拉列表形式展现，并支持方向键选择，效果类似搜索网站的输入提示。 友情提示： 较为粗糙的实现方法，...
### JavaScript 验证文本框输入格式详解 在前端开发中，使用JavaScript进行表单验证是十分常见的需求之一。本文将详细介绍几种常用的JavaScript方法来验证文本框中的输入格式，并结合具体的代码示例进行解释。 ###...
当用户在一个文本框内输入字符达到设定的最大长度后，通常希望自动跳转到下一个文本框继续输入。这种功能可以提高用户体验，避免用户手动切换输入焦点，尤其是在填写大量数据的表单时更为实用。 ### 关键技术实现 ...
通过在前端代码（如JavaScript）中使用这个正则表达式，我们可以实现对用户输入的实时验证，确保文本框只能输入符合规则的字符。例如，在JavaScript中，我们可以这样设置输入框的`pattern`属性： ```javascript ^[-...
接下来，我们可以通过JavaScript来实现对文本框输入内容的验证。这里给出两种方法：一种是在用户键入时即时验证，另一种是在用户离开输入框后进行验证。 ##### 方法一：即时验证 可以使用`onkeyup`事件监听器来...
以下将详细介绍如何使用原生JavaScript实现文本框输入字数限制及长度提示。 首先，我们需要获取到文本框元素，并设置一个最大输入字数。这可以通过HTML的`maxlength`属性完成，例如： ```html ``` 这个例子中，...
例如，可以使用正则表达式测试输入内容，如果不符合规则，则阻止输入或显示错误信息。 对于服务器端，如使用Java、Python或.NET等框架，我们同样可以在表单提交后验证输入。在后端验证可以防止恶意用户绕过前端限制...
在JavaScript和jQuery的世界里，开发一个插件来控制文本框（input[type="text"]）只能输入数字是一项常见的任务。这通常涉及到对用户输入的实时验证，以确保输入的数据符合预期的格式。以下是一个关于如何自己开发...
`chkLast` 函数则用于检查并移除输入字符串末尾的非法字符，如多余的点号等。 #### 使用示例 要在HTML文档中使用这些函数，可以通过给文本框添加事件监听器来实现： ```html onkeyup="chkPrice(this);" onblur...
在网页开发中，JavaScript（简称JS）是一种必不可少的前端编程语言，它被广泛用于实现页面交互和用户输入验证。"js文本框校验控件"是JavaScript技术在表单验证中的应用，主要用于确保用户在输入框中输入的数据符合...
"jQuery 文本文本框输入字符限制插件"是一个专门针对这种情况设计的解决方案，它模仿了 Twitter 的输入限制功能，为用户提供了一种友好的提示方式，避免了简单地阻止用户输入，而是以一种优雅的方式告知用户剩余可...