精华内容
下载资源
问答
  • 被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单中的必填项目?用户输入的邮件地址是否合法?用户是否已输入合法的日期?用户是否在数据域 (numeric field) 中输入了文本?必填(或必选)项目 下面...
  • H5验证表单数据是否合法

    千次阅读 2017-01-25 16:33:31
    1:通过pattern属性实现,是正则表达式 ...标签的text,search,URL,telephone,email,password 实现过程  使用pattern属性 用户名:   亲,必须以字母开头,包含字符或数字和下划线,长度在6-8之间
    1:通过pattern属性实现,是正则表达式
    
    适用于以下类型
    <input>标签的text,search,URL,telephone,email,password
    实现过程
    <form id="frmTmp">
    <fieldset>
        <legend>使用pattern属性</legend>
    用户名:
           <input type="text" name="txtAge"  class="inputtxt" pattern="^[a-zA-Z]\w(5.7)$"/>
    <input name="frmSubmit" type="submit" class="inputbtn" value="提交"/>
    <p class="p_color">亲,必须以字母开头,包含字符或数字和下划线,长度在6-8之间</p>
        </fieldset>
    </form>
    展开全文
  • 验证未通过的表单不能提交 显示一个必填或者非法email格式的错误信息 如果正确提交就弹出一个祝贺信息 现在知道我们的目标了吧,让我们一起来构建这个东西吧. Angular 的表单属性 $valid, $invalid, $pristine, $...
  • javascript表单验证大全

    2020-12-01 20:01:17
    被 JavaScript 验证的这些典型的表单数据有以下几种: 1.用户是否已填写表单中的必填项目? 2.用户输入的邮件地址是否合法? 3.用户是否已输入合法的日期? 4.用户是否在数据域 (numeric field) 中输入了文本? 下面...
  • JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单中的必填项目? 用户输入的邮件地址是否...
  • HTML 学生信息管理 学生编号:(8位数字) 学生... } /*运行到这里说明验证通过返回true submit提交按钮起作用提交表单*/ alert("提交成功") return false; // 这边设置禁止提交,实际项目需要改为 true } 运行结果

    HTML

    <script type="text/javascript" src="myjs.js"></script>
    <form name="myform" action="" onsubmit="return fun1()">
    <div align="center">
    <table border="1" width="60%" >
        <tr>
            <td colspan=2 align=center><h3>学生信息管理</h3></td>
        </tr>
    	<tr>
            <td height="39" width="463" bgcolor="#006699">
            <font color="#FFFF00">学生编号:</font><input type="text" maxlength=10 id="sno" value="12345678">(8位数字)
            </td>
    
            <td height="39" width="463" bgcolor="#006699">
            <font color="#FFFF00">学生名字:</font><input type="text" maxlength=10 id="username" value="刘训">(中文)
            </td>
        </tr>
        <tr>
    		<td height="39" width="463" bgcolor="#006699">
    		<font color="#FFFF00">邮箱地址:</font><input type="text" maxlength=10 id="email" value="1056125478@qq.com">
            </td>
    		
           <td height="39" width="463" bgcolor="#006699">
            <font color="#FFFF00">电话号码:</font><input type="text" maxlength=11 id="tel" value="15574074751">
            </td>
        </tr>
        <tr>
            <td  height="53" width="985" bgcolor="#006699" colspan="2" align=center>
            <input type="submit" value="使用submit按钮提交表单">
            </td>
        </tr>
    </table>

     

    JS

    /*是否带有小数*/
    function isDecimal(strValue )  {  
       var  objRegExp= /^\d+\.\d+$/;
       return  objRegExp.test(strValue);  
    }  
    
    /*校验是否中文名称组成 */
    function ischina(str) {
    	var reg=/^[\u4E00-\u9FA5]{2,4}$/;   /*定义验证表达式*/
    	return reg.test(str);     /*进行验证*/
    }
    
    /*校验是否全由8位数字组成 */
    function isStudentNo(str) {
    	var reg=/^[0-9]{8}$/;   /*定义验证表达式*/
    	return reg.test(str);     /*进行验证*/
    }
    
    /*校验电话码格式 */
    function isTelCode(str) {
    	var reg= /^((0\d{2,3}-\d{7,8})|(1[3584]\d{9}))$/;
    	return reg.test(str);
    }
    
    /*校验邮件地址是否合法 */
    function IsEmail(str) {
    	var reg=/^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/;
    	return reg.test(str);
    }
    
    
    function  fun1(){
    	if(!isStudentNo(document.getElementById("sno").value)){
    		alert("学生编号是8位数字");
    		document.getElementById("sno").focus();
    		return false;
    	}
    
    	if(!ischina(document.getElementById("username").value)){
    		alert("学生姓名必须填写中文");
    		document.getElementById("username").focus();
    		return false;  
    	}
    
    	if(!IsEmail(document.getElementById("email").value)){
    		alert("邮箱地址错误");
    		document.getElementById("email").focus();
    		return false;  
    	}
    
    	if(!isTelCode(document.getElementById("tel").value)){
    		alert("电话号码不对");
    		document.getElementById("tel").focus();
    		return false;  
    	}
    
    	/*运行到这里说明验证通过返回true    submit提交按钮起作用提交表单*/
    	alert("提交成功")
    	return false;   // 这边设置禁止提交,实际项目需要改为 true
    }

     

    运行结果

    展开全文
  • js提交表单及js表单验证 js提交表单及js表单验证功能强大,很多原本需要在服务器端实现的功能,现在通过简单的js代码就可以在客服端实现同样的效果。下面是一些常用的js表单验证代码,供大家参考学习。 1:js ...
    js提交表单及js表单验证
    
    js提交表单及js表单验证功能强大,很多原本需要在服务器端实现的功能,现在通过简单的js代码就可以在客服端实现同样的效果。下面是一些常用的js表单验证代码,供大家参考学习。


    1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 
    <script>
    function test() 
    {
    if(document.a.b.value.length>50)
    {
    alert("不能超过50个字符!");
    document.a.b.focus();
    return false;
    }
    }
    </script>
    2:js验证邮箱格式
    <SCRIPT LANGUAGE=javascript RUNAT=Server>
    function isEmail(strEmail) {
    if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
    return true;
    else
    alert("oh");
    }
    </SCRIPT>


    3: js屏蔽关键字(这里屏蔽***和****)
    <script language="javascript1.2">
    function test() {
    if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){
    alert(":)");
    a.b.focus();
    return false;}
    }
    </script>


    4: js两次输入密码是否相同
    <script>
    function check()

    with(document.all){
    if(input1.value!=input2.value)
    {
    alert("false")
    input1.value = "";
    input2.value = "";
    }
    else document.forms[0].submit();
    }
    }
    </script>


    5:js屏蔽右键 
    οncοntextmenu="return false" οndragstart="return false" onselectstart="return false"加在body中
    6: js判断表单项不能为空
    <script   language="javascript"><!--
    function   CheckForm()

    if   (document.form.name.value.length   ==   0)   { 
    alert("请输入您姓名!");
    document.form.name.focus();
    return   false;
    }
    return   true;
    }
    -->
    </script>


    7:js比较两个表单项的值是否相同
    <script   language="javascript">
    <!--
    function   CheckForm()
    if   (document.form.PWD.value   !=   document.form.PWD_Again.value)   { 
    alert("您两次输入的密码不一样!请重新输入.");
    document.ADDUser.PWD.focus();
    return   false;
    }
    return   true;
    }
    -->
    </script>


    8:js判断表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等
    <script   language="javascript">
    <!--
    function   isNumber(String)

    var   Letters   =   "1234567890-";   //可以自己增加可输入值
    var   i;
    var   c;
    if(String.charAt(   0   )=='-')
    return   false;
    if(   String.charAt(   String.length   -   1   )   ==   '-'   )
    return   false;
    for(   i   =   0;   i   <   String.length;   i   ++   )

    c   =   String.charAt(   i   );
    if   (Letters.indexOf(   c   )   <   0)
    return   false;
    }
    return   true;
    }
    function   CheckForm()

    if(!   isNumber(document.form.TEL.value))   { 
    alert("您的电话号码不合法!");
    document.form.TEL.focus();
    return   false;
    }
    return   true;
    }
    -->
    </script>


    9:js判断表单项输入数值/长度限定
    <script   language="javascript"><!--
    function   CheckForm() 

    if   (document.form.count.value   >   100   ||   document.form.count.value   <   1)

    alert("输入数值不能小于零大于100!");
    document.form.count.focus();
    return   false;
    }
    if   (document.form.MESSAGE.value.length<10)

    alert("输入文字小于10!");
    document.form.MESSAGE.focus();
    return   false;
    }
    return   true;
    }
    //-->
    </script>


    10:js判断中文/英文/数字/邮件地址合法性判断


    <SCRIPT   LANGUAGE="javascript"><!--
    function   isEnglish(name)   //英文值检测

    if(name.length   ==   0)
    return   false;
    for(i   =   0;   i   <   name.length;   i++)   { 
    if(name.charCodeAt(i)   >   128)
    return   false;
    }
    return   true;
    }


    function   isChinese(name)   //中文值检测

    if(name.length   ==   0)
    return   false;
    for(i   =   0;   i   <   name.length;   i++)   { 
    if(name.charCodeAt(i)   >   128)
    return   true;
    }
    return   false;
    }


    function   isMail(name)   //   E-mail值检测

    if(!   isEnglish(name))
    return   false;
    i   =   name.indexOf("   at   ");
    j   =   name   dot   lastIndexOf("   at   ");
    if(i   ==   -1)
    return   false;
    if(i   !=   j)
    return   false;
    if(i   ==   name   dot   length)
    return   false;
    return   true;
    }


    function   isNumber(name)   //数值检测

    if(name.length   ==   0)
    return   false;
    for(i   =   0;   i   <   name.length;   i++)   { 
    if(name.charAt(i)   <   "0"   ||   name.charAt(i)   >   "9")
    return   false;
    }
    return   true;
    }


    function   CheckForm()

    if(!   isMail(form.Email.value))   { 
    alert("您的电子邮件不合法!");
    form.Email.focus();
    return   false;
    }
    if(!   isEnglish(form.name.value))   { 
    alert("英文名不合法!");
    form.name.focus();
    return   false;
    }
    if(!   isChinese(form.cnname.value))   { 
    alert("中文名不合法!");
    form.cnname.focus();
    return   false;
    }
    if(!   isNumber(form.PublicZipCode.value))   { 
    alert("邮政编码不合法!");
    form.PublicZipCode.focus();
    return   false;
    }
    return   true;
    }
    //-->
    </SCRIPT>


    11:js限定表单项不能输入的字符
    <script   language="javascript"><!--


    function   contain(str,charset)//   字符串包含测试函数

    var   i;
    for(i=0;i<charset.length;i++)
    if(str.indexOf(charset.charAt(i))>=0)
    return   true;
    return   false;
    }


    function   CheckForm()

    if   ((contain(document.form.NAME.value,   "%\(\)><"))   ||   (contain(document.form.MESSAGE.value,   "%\(\)><")))

    alert("输入了非法字符");
    document.form.NAME.focus();
    return   false;
    }
    return   true;
    }
    //-->
    </script>


    12:js检查一段字符串是否全由数字组成           
    <script language="Javascript"><!--           
    function checkNum(str){return str.match(/\D/)==null}           
    alert(checkNum("1232142141"))           
    alert(checkNum("123214214a1"))           
    // --></script>             




    13:js怎么判断是否是字符
    <script language="Javascript"><!--           
    function checkChr(str)    
    if (/[^\x00-\xff]/g.test(s)) alert("含有汉字");          
    else alert("全是字符");      
    // --></script>          
        
    14: 邮箱格式验证    
    <script language="Javascript"><!--   
    //函数名:chkemail     
    //功能介绍:检查是否为Email Address     
    //参数说明:要检查的字符串     
    //返回值:0:不是 1:是     
    function chkemail(a)     
    { var i=a.length;     
    var temp = a.indexOf('@');     
    var tempd = a.indexOf('.');     
    if (temp > 1) {     
    if ((i-temp) > 3){     
    if ((i-tempd)>0){     
    return 1;     
    }     
        
    }     
    }     
    return 0;     
    }     
    // --></script>  
    展开全文
  • js验证表单大全

    2012-03-31 09:54:45
    6: js email验证 、js 判断email 、信箱/邮箱格式验证 7:js字符过滤,屏蔽关键字 8:js密码验证、判断密码 2.1: js 不为空、为空或不是对象 、判断为空 、判断不为空 2.2:比较两个表单项的值是否相同 2.3:表单...
  • 数据验证时可通过javaScript进行表单验证,也可提交表单,在服务器端验证。通常情况下,更多的使用表单验证,效率更高。 onsubmit表单验证 <html> <head> <meta charset="utf-8"> <title&g.....

    典型数据验证:
    a.字段是否为空;
    b.输入内容是否合法(例如数字字段是否输入了文本,email格式是否正确等)
    数据验证时可通过javaScript进行表单验证,也可提交表单,在服务器端验证。通常情况下,更多的使用表单验证,效率更高。

    • onsubmit表单验证
    <html>
    <head>
    <meta charset="utf-8">
    <title>javaScript表单验证</title>
    <script>
    function validateForm() {
    	//获取表单元素的值
        var x = document.forms["myForm"]["fname"].value;
        //验证是否为空
        if (x == null || x == "") {
            alert("名字不能为空!");
            return false;
        }
    }
    </script>
    </head>
    <body>
    
    <form name="myForm" action="#"
    onsubmit="return validateForm()" method="post">
    名字: <input type="text" name="fname">
    <input type="submit" value="提交">
    </form>
    
    </body>
    </html>
    

    - HTML表单自动验证

    <html>
    <head>
    <meta charset="utf-8">
    <title>表单自动验证是否为空</title>
    </head>
    <body>
    <!--Internet Explorer 9 及更早 IE 浏览器不支持表单自动验证。-->
    <!--验证字段是否为空-->
    <form action="#" method="post">
      <input type="text" name="fname" required="required">
      <input type="submit" value="提交">
    </form>
    
    <p>点击提交按钮,如果输入框是空的,浏览器会提示:“请填写此字段”。</p>
    
    </body>
    </html>
    
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>表单自动验证数字</title>
    </head>
    <body>
    	<!--验证数字是否在0-3之间,type需要设置为number类型-->
        <form action="#" method="post">
                <input type="number" name="text" required min="0" max="3">
                <input type="submit" value="提交">
        </form>
    </body>
    </html>
    
    展开全文
  • WTForms表单验证

    2020-11-22 23:11:38
    WTForms表单的两个主要功能是验证用户提交数据的合法性以及渲染模板。当然还包括一些其他的功能:CSRF保护,文件上传等。安装Flask-WTF默认也会安装WTForms,因此使用以下命令来安装Flask-WTFpip install flask-wtf ...
  • vue 表单验证提交

    千次阅读 2019-12-23 10:26:35
    vue 表单验证提交一、常用验证方式1.data 中验证data 数据:2.行内验证3.引入外部定义的规则二、表单提交验证1.表单提交按钮2.ethods 方法 一、常用验证方式 vue 中表单字段验证的写法和方式有多种,常用的...
  • jQuery实现表单验证

    万次阅读 多人点赞 2019-04-24 22:13:35
    1.基于html表单,利用jQuery实现表单验证功能。 2.html基本结构和样式: 3.html代码: <!DOCTYPE ...
  • onsubmit事件是当表单提交时进行相关JS操作的一个事件。 onsubmit事件会在表单中的确认按钮被点击时发生。当该事件触发的函数中返回false时,表单就不会被提交。<!DOCTYPE html> <title>onSubmit ...
  • angular表单验证提交功能实现

    千次阅读 2017-02-01 00:25:20
    本例通过Angular框架来实现简单的表单验证一、html结构 1、借助于bootstrap快速的编写了一个简单的表单 代码主要部分如下: ;" ng-controller="myCtrl"> 用户表单提交
  • ``` ...如上代码,在thinkphp中如何用ajax验证输入的用户名是否已经注册过,如果已经注册过即不能提交表单并提示用户名已注册,没有注册过才能提交表单。求大神指教,最好能给出代码案例。谢谢!
  • 通用JS表单验证

    2013-08-08 11:58:45
    5、在表单通过验证提交前disable一个按钮(也可将其它域disable,不能与其它验证同在一个域),不要求按钮是表单中的最后一个 提交" validatorType="disable"> 6、不验证表单   当validator域值为0时不对表单进行...
  • 1.引入Form表单 <template> <el-form :model="addForm" :rules="addFormRules" ref="addFormRef" label-width="70px"> <!-- 邮箱 --> <el-form-item label="邮箱" prop="email"> <...
  • react表单验证_使用React验证登录表单

    千次阅读 2020-07-23 08:36:52
    react表单验证For almost every form that you create, you will want some sort of validation. In React, working with and validating forms can be a bit verbose, so in this article we are going to use a ...
  • 输入一个Email地址,然后使用正则表达式验证Email地址是否正确 。 import java.util.regex.Pattern; import java.util.regex.Matcher; public class Matcherdemo{ public static void main(String[] args){ ...
  • true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22 只验证格式,不验证有效性(7)number:true 必须输入合法的数字(负数,小数)(8)digits:true 必须输入整数(9)creditcard: 必须输入合法的信用卡号(10)...
  • Laravel 表单验证常用的验证规则和示例 <?php namespace App\Http\Controllers; use App\Models\Users; use Illuminate\Support\Facades\Validator; use Symfony\Component\HttpFoundation\Request; class ...
  • 1. 给页面表单对象添加验证属性 由于我的项目使用的el-form,则给el-form添加属性 :rules="registerRules" ref="registerForm" 为el-form-item每个表单子项添加 prop 属性, 例如 <el-form-item prop=...
  •    ...但有的时候想用form表单的自验证,很方便,而且浏览器有自带的提示(chrome),那么方法如下: <form action="javascript:;" onsubmit="submiting()"> <input type="...
  • js提交表单及js表单验证 2008-05-09 22:37 js提交表单及js表单验证功能强大,很多原本需要在服务器端实现的功能,现在通过简单的js代码就可以在客服端实现同样的效果。下面是一些常用的js表单验证代码...
  • 表单验证分为几个步骤,可以自定义或覆盖: 表单验证发生在数据验证之后。如果你需要自定义这个过程,有几个不同的地方可以修改,每个地方的目的不一样。表单处理过程中要运行三种类别的验证方法。它们通常在你...
  • [code="java"] 1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字 ...6: js email验证 、js 判断email ...
  • PHP表单验证

    千次阅读 2018-07-03 11:04:12
    这里将介绍如何使用PHP验证客户端提交表单数据。在处理PHP表单时需要考虑安全性,这里将展示PHP表单数据安全处理,为防止黑客以及垃圾信息就需要对表单进行数据安全验证,实例介绍的HTML表单中包含以下输入字段:...
  • 使用 jQuery Validate 进行表单验证

    万次阅读 多人点赞 2018-06-13 21:31:18
    jQuery Validate简介jQuery Validate 插件提供了强大的表单验证功能,能够让客户端表单验证变得更简单,同时它还提供了大量的可定制化选项,以满足应用程序的各种需求。该插件捆绑了一套非常有用的验证方法,包括 ...
  • JavaScript 表单

    2020-06-30 12:54:27
    action 属性规定当提交表单时,向何处发送表单数据。当提交表单时,发送表单数据到名为"a.html "的文件(处理输入): <form action="a.html " method="get" > First name: <input type="text
  • 1.1 Html form表单内容 &lt;form id="form"&gt; &lt;p&gt;&lt;label for="username"&gt;用户名:&lt;/label&gt; &lt;input name="username"...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 25,166
精华内容 10,066
关键字:

验证表单email是否合法