表单输入控制

布满荆棘的人生 2021-07-24 20:08 350阅读 0赞

<script>
        function ValidateSpecialCharacter() {
           var code; 
           if (document.all) { //判断是否是IE浏览器
            code = window.event.keyCode; 
           } else { 
            code = arguments.callee.caller.arguments[0].which; 
           } 
           var character = String.fromCharCode(code);
           var txt=new RegExp("[ ,\\`,\\~,\\!,\\@,\#,\\$,\\%,\\^,\\+,\\*,\\&,\\\\,\\/,\\?,\\|,\\:,\\.,\\<,\\>,\\{,\\},\\(,\\),\\'',\\;,\\=,\"]"); 
           //特殊字符正则表达式 
           if (txt.test(character)) {
            if (document.all) { 
             window.event.returnValue = false; 
            } else { 
             arguments.callee.caller.arguments[0].preventDefault(); 
            } 
           }
        }
        // 验证中文字符和特殊字符 
        function chineseVaildate(value){
           if (value == null || value=="")
            return true;
             if ((/[\u4E00-\u9FA5]+/.test(value))){
            return false;
           }
           return true;
        }
        function validate(obj){
           if (!chineseVaildate(obj.value)){
            alert("有特殊字符和中文字符");
           }
        }
        //验证是否数字
        function check(obj){ 
            if (isNaN(obj.value)) {
                alert("请输入数字！"); 
                obj.value="";
            } 
        } 
    </script>
    <input type="text" name="tt"  onkeyup="check(this);">
    
    //不允许输入字符和空格
    <input id="code" onkeypress="return ValidateSpecialCharacter();" onblur="validate(this)"/>
    
    //不允许输入空格
    <input type="text" name="username" onkeyup="value=value.replace(/\s/g,'')"/>
    
    //只能输入数字
    <input type="text" id="q11" size="14" maxlength="14" onkeyup='this.value=this.value.replace(/\D/gi,"")'>
    
    //只能输入正数，负数，小数
    onkeyup="value=value.replace(/[^\-?\d.]/g,'')"
    
    //只能输入正数，小数
    onkeyup="value=value.replace(/[^\d.]/g,'')"
    <input type="number" placeholder="请输入数字">

发表评论取消回复

表情：

评论列表（有 0 条评论，350人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue 表单输入绑定

基础用法你可以用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神

小鱼儿/ 2023年10月11日 13:06/ 0 赞/ 53 阅读

相关 226.放大输入表单

效果 (源码网盘地址在最后) ![7bce322f8673aa5c167ae2fce4e39c7f.gif][] 源码 index.html <!DOC

我会带着你远行/ 2022年09月09日 04:33/ 0 赞/ 123 阅读

相关 js控制表单输入的长度

js控制表单 <body> <p>在文本框中尝试输入触发函数。</p> <input type="text" id="myInput" >

骑猪看日落/ 2022年05月27日 08:19/ 0 赞/ 161 阅读

相关 jQuery控制表单提交

JQuery 提交表单代码 1、表单 `html` <form action="路径" method="post" id="myFormId">

怼烎@/ 2022年05月20日 09:55/ 0 赞/ 207 阅读

相关 PHP 表单和用户输入

PHP 表单和用户输入 -------------------- PHP 中的 $\_GET 和 $\_POST 变量用于检索表单中的信息，比如用户输入。 -----

矫情吗；*/ 2022年02月15日 14:49/ 0 赞/ 206 阅读

相关 [vue] 表单输入格式化，中文输入法异常

v-model 是 vue.js 提供的语法糖，根据不同的表单控件监听不同的事件，实现对表单控件的数据双向绑定。当控件是`<input>`输入框时，v-model 监听其 in

ゝ一纸荒年。/ 2022年01月19日 01:57/ 0 赞/ 230 阅读

相关 vue之表单输入绑定

一、v-model指令　　　　用 `v-model` 指令在表单 `<input>`、`<textarea>` 及 `<select>` 元素上创建双向数据绑定。它会根据控

﹏ヽ暗。殇╰゛Y/ 2021年11月02日 13:50/ 0 赞/ 421 阅读

相关 Vue表单输入绑定

本博客记录了小编在学习Vue过程中的体会与感悟，简单来说就是小编的学习笔记，学习地址主要为Vue的官网，官网地址为：[《Vue官方文档》][Vue]。相关学习笔

痛定思痛。/ 2021年08月19日 22:15/ 0 赞/ 447 阅读

相关 HTML表单的输入控件

HTML表单的输入控件主要有以下几种：文本框，对应的 `<input type="text">`，用于输入文本；口令框，对应的`<input type="passwor

Dear 丶/ 2021年07月26日 20:59/ 0 赞/ 538 阅读

相关表单输入控制

<script> function ValidateSpecialCharacter() { var code;

布满荆棘的人生/ 2021年07月24日 20:08/ 0 赞/ 351 阅读