js 限制文本域:一个订单系统,手机号码那里限制一定要输入11位数字,请问怎么设置,感谢

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 限制文本域:一个订单系统,手机号码那里限制一定要输入11位数字,请问怎么设置,感谢相关的知识,希望对你有一定的参考价值。

<script>
var p = /^[\\d]11$/; // 正则 表示 开头为数字 要11位 结尾
function chk(n) // 检测函数
if(!p.test(n.value)) // 检测值input的值是否由数字组合并要11位 如果不是则提示
alert(\'只允许数字并要11位\');
n.select(); // 选中输入框内容


</script>
<body>
<input type="text" name="name" onblur="chk(this)"/> <!-- 失去焦点时开始检测 调用chk函数 -->
</body>
参考技术A 首先表单里面的 <input 提交按钮 里面加 ONCLICK="javascript:return checkwenben()"

然后在head之间加入js

function checkwenben()
if ( document.form1.wenben.value.length<6000)
window.alert('form1表单的wenben域输入不能小于6000字符!');
document.form1.wenben.focus();
return false;

参考技术B --即时判断--
<input type="text" onkeyup="check(this)" />
<script>
function check(obj)
var re=/[0-9]/;
if(re.test(obj.value))
//成功
if(obj.value.length>11)
//超长
obj.value=""


else
//失败
obj.value=""


</script>

Html-文本域

介绍

<textarea> 文本域,可以输入多行文本。

属性

属性翻译说明
autofocus自动对焦当页面加载时自动获得焦点
disabled禁用禁用文本区域
form表单规定所属表单(一个或多个)
maxlength最大长度限制文本域最大字符数
name名字文本域名字
placeholder占位符输入提示,有文本输入后将不显示
readonly只读规定文本只读
required需要在表单提交时文本域必须写
wrap换行当文本达到最大值时怎样换行

案例

<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>多行文本</title>

    <style>
        textarea 
            width: 600px;
            height: 300px;
            resize: none;
        
    </style>
</head>

<body>

    <h1>多行文本输入框-文本域</h1>
    <div>
        <textarea name="" id="" cols="30" rows="10" placeholder="请输入您想说的话"></textarea>
    </div>

</body>

</html>
运行最终效果!

 

以上是关于js 限制文本域:一个订单系统,手机号码那里限制一定要输入11位数字,请问怎么设置,感谢的主要内容,如果未能解决你的问题,请参考以下文章

怎样计算textare文本域的文字个数限制

JavaScript:文本域事件处理

el-input文本域字数限制,超过显示变红并禁止输入

el-input文本域字数限制,超过显示变红并禁止输入

el-input文本域字数限制,超过显示变红并禁止输入

Notes 和 Domino 已知限制