Html表单的正则校验--将不符合指定正则表达式的字符串自动替换为空

 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 2 <html>
 3   <head>
 4     <title>checkNum.html</title>
 5     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 6
 7     <script type="text/javascript">
 8         function checkNum(el){
 9             var reg = /^-?\d+(\.\d+)?$/;//定义正则表达式
10             if(el.value.search(reg)==-1){//search()方法:用户输入的值如果不符合正则表达式,就返回-1
11                 el.value="";//如果不符合正则表达式就清空
12             }
13         }
14     </script>
15   </head>
16   <body>
17     请输入数字:<input type="text" onchange="checkNum(this)"/>
18   </body>
19 </html>

上面的正则表达式^-?\d+(\.\d+)?$的意思是,校验用户输入的是不是实数(包含整数和小数),也就是说用户只能输入减号(-)、数字0-9和小数点(.),并且减号只能出现在数字的开头,不能出现在数字的中间或结尾,小数点也只能在数字的中间出现一次。凡是输入了不满足该条件的值都将被自动清空。

时间: 2024-10-09 02:55:43

Html表单的正则校验--将不符合指定正则表达式的字符串自动替换为空的相关文章

使用文档对象在页面上创建学生信息表。 信息表包括学号、姓名、性别、电子邮件、联系电话、个人主页和联系地址, 信息表内容通过表单输入,提交前先使用正则表达式进行验证,联系地址不能超过20个字符, 每输入一名学生的信息,提交后,表格增加一行,表格不能被选择、复制。

<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <!--        描述:使用文档对象在页面上创建学生信息表.        信息表包括学号.姓名.性别.电子邮件.联系电话.个人主页和联系地址,        信息表内容通过表单输入,提交前先使用

在JS中将指定表单内的“具有name数据的表单元素的值”封装为Get形式的字符串

//封装post时候,表单中所有具有name数据的表单元素的值,并返回“n=1&p=a” function serialize(formid) { var arr = []; var ipts = document.getElementById(formid).getElementsByTagName('input'); for (var i = 0; i < ipts.length; i++) { if (ipts[i].type=='text') { if (ipts[i].name)

正则表达式基础知识及常用表单验证正则(使用时查找为主,需多加基础方法的例子)

一.需要转义的特殊符号,也就是需要在前面添加\:!$ * + = | . ?  \  / [] {}  ^ () 二.正则表达式基本形式及方法:A:re =new RegExp(“a”,“i”);  //new出来的匹配方式B:   re=/a/i ;                            //直接量(更常用) pattern.exec(str)     //返回数组pattern.test(str)       //返回布尔值pattern.toSource(str)    

element-ui重置表单并清除校验的方法

this.$refs['activityForm'].resetFields(); 只会重置之前表单的内容,并不会清空 只需在关闭弹框的cancel方法中写上重置表单的方法即可 cancel() { this.$refs.formData.resetFields(); } 重置表单清除校验有另一种更为简便的方法: <Modal v-model="showDialog" :title="modalTitle" :mask-closable="false

elementui表单输入框部分校验--判断

<template> <div> <div class="binding_main_nav"> <div class="binding_main_nav_div"> <div class="binding_main_nav_div_selection"></div> <span>绑定邮箱</span> </div> <div clas

表单验证.正则表达

1.表单验证<form></form> (1).非空验证(去空格) (2).对比验证(跟一个值对比) (3).范围验证(根据一个范围进行判断) (4).固定格式验证:电话号码,身份证号,邮箱,信用卡号等的验证:需要用到正则表达式来进行验证. (5).其它验证 _________________________________________________________________________________________________________________

前端表单验证常用的15个JS正则表达式

在表单验证中,使用正则表达式来验证正确与否是一个很频繁的操作,本文收集整理了15个常用的javaScript正则表达式,其中包括用户名.密码强度.整数.数字.电子邮件地址(Email).手机号码.身份证号.URL地址. IPv4地址. 十六进制颜色. 日期. QQ号码. 微信号.车牌号.中文正则. 1 用户名正则 //用户名正则,4到16位(字母,数字,下划线,减号) var uPattern = /^[a-zA-Z0-9_-]{4,16}$/; //输出 true console.log(uP

表单工作流动态追加意见到指定字段的方法介绍

度量快速开发平台中,表单工作流配置是很方便实用的,特别是领导审批意见,可以追加到指定的字段中.在表单工作流配置的节点中,审批属性中就可以进行设置.需要注意的是,要用来追加意见的字段,需要是多行文本或者文章类型.普通字段显示不出来. 这里的设置是在属性中设置好.到这个节点审批的时候,审批意见就保存到这个设置好的字段中了.那么,如果有更复杂的业务,填写意见后,在下一步选择不同的流转方向,希望把本次填写的意见写到不同的字段中,也就是说,运行中如何根据条件来动态设置审批意见填写到不同字段中的功能. 我们

表单验证以及获取标签值和ckeditor的textarea判断是否为空

$("#subjectId  option:selected").text();//根据select标签id值获取选中项值 $('input[name="knowledgePointName"]').val();//根据input标签name获取value值 $("#knowlistId").attr("value");//input标签id获取value值 $("div.q-option :checked"