如何验证input type ="text"元素只接受某些内容？

作者：ERIK又 | 2023-09-09 11:09

如何解决《如何验证inputtype="text"元素只接受某些内容？》经验，为你挑选了1个好方法。

我有一个文本输入字段:

有没有办法将输入字段格式化为仅允许某些文本有效？

例如:在该特定文本字段中,用户必须输入以...结尾的电子邮件地址@hotmail.co.uk.任何其他电子邮件域如@yahoo.com无效,因此在单击提交时将显示错误(不会注册用户).

1> Josh Crozier..：

您可以使用HTML5 pattern属性来验证字符串是否以@hotmail.co.uk.

在这种情况下,您可以使用以下正则表达式:

^.*@hotmail\.co\.uk$



    

    

    
        推荐阅读
        
            
                                
                    
                        程序员
                        QString  - 嵌入16位的UTF8？
                    

                    
                                                
                        如何解决《QString-嵌入16位的UTF8？》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        滑动效果像inshorts新闻应用程序
                    

                    
                                                
                            
                        
                                                
                        如何解决《滑动效果像inshorts新闻应用程序》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        AngularJS  - 在私有函数中使用'this'
                    

                    
                                                
                        如何解决《AngularJS-在私有函数中使用'this'》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        隐藏另一个布局的浮动操作按钮
                    

                    
                                                
                        如何解决《隐藏另一个布局的浮动操作按钮》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        从ec2 Linux AMI连接到RDS MySQL实例-找不到mysql命令
                    

                    
                                                
                        如何解决《从ec2LinuxAMI连接到RDSMySQL实例-找不到mysql命令》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        以编程方式重启app？
                    

                    
                                                
                        如何解决《以编程方式重启app？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        AWS是否支持RDS Insance的自动扩展
                    

                    
                                                
                        如何解决《AWS是否支持RDSInsance的自动扩展》经验，为你挑选了2个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        用于HTTP通信的出站通道适配器与出站网关
                    

                    
                                                
                        如何解决《用于HTTP通信的出站通道适配器与出站网关》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        尽管驱动程序/客户端与服务器版本完全相同,但Spark中的java.util.concurrent.RejectedExecutionException
                    

                    
                                                
                        如何解决《尽管驱动程序/客户端与服务器版本完全相同,但Spark中的java.util.concurrent.RejectedExecutionException》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        使用过滤器的Android BLE设备扫描无效
                    

                    
                                                
                        如何解决《使用过滤器的AndroidBLE设备扫描无效》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        回调到notifyDataSetChanged
                    

                    
                                                
                        如何解决《回调到notifyDataSetChanged》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        python类属性为pandas数据帧
                    

                    
                                                
                        如何解决《python类属性为pandas数据帧》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        即使BeanManager知道EJB,为什么还有WELD-001408
                    

                    
                                                
                        如何解决《即使BeanManager知道EJB,为什么还有WELD-001408》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        np.vectorize给我IndexError：标量变量的无效索引
                    

                    
                                                
                        如何解决《np.vectorize给我IndexError：标量变量的无效索引》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何使用php取消环境变量？
                    

                    
                                                
                        如何解决《如何使用php取消环境变量？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Android:Circular Drawable
                    

                    
                                                
                        如何解决《Android:CircularDrawable》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        如何将csv转换为json网络图文件,以便与sigma.js一起显示
                    

                    
                                                
                        如何解决《如何将csv转换为json网络图文件,以便与sigma.js一起显示》经验，为你挑选了0个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        Linq查询将一个表行连接到另一个表多行
                    

                    
                                                
                        如何解决《Linq查询将一个表行连接到另一个表多行》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        ASP.NET 5:响应中的Access-Control-Allow-Origin
                    

                    
                                                
                        如何解决《ASP.NET5:响应中的Access-Control-Allow-Origin》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                                
                    
                        程序员
                        是否有一种简单的方法可以使Visual Studio 2015使用特定的ToolsVersion？
                    

                    
                                                
                        如何解决《是否有一种简单的方法可以使VisualStudio2015使用特定的ToolsVersion？》经验，为你挑选了1个好方法。 ...
                        [详细]
                    
                    

                


                

            
        
    

    
        吐了个 "CAO" !
        
            
                吐个槽吧,看都看了
            
            
                
                                        会员登录 | 用户注册
























    

    
        
            
            
                
                    
                
            

            
                ERIK又            

            
                这个屌丝很懒，什么也没留下！            
            
            

                                
                    
                    关注作者
                            

        
    


    
        Tags | 热门标签
        
            
                                
                    actionscrip
                
                                
                    bash
                
                                
                    c#
                
                                
                    c++
                
                                
                    c语言
                
                                
                    erlang
                
                                
                    flutter
                
                                
                    go
                
                                
                    golang
                
                                
                    java
                
                                
                    javascript
                
                                
                    lua
                
                                
                    node.js
                
                                
                    perl
                
                                
                    php
                
                                
                    python
                
                                
                    scala
                
                                
                    typescript
                
                                
            
        
    


    
        RankList | 热门文章
        
            
                                
                    1在语法中(在Perl 6中)是什么意思？
                
                                
                    2在Racket脚本中调用`racket`
                
                                
                    3如何用moment.js减去2次,然后减去几分钟
                
                                
                    4Varnish Hashtwo/Xkey和Fastly的"代理键"是一样的吗？
                
                                
                    5Matplotlib 1.5使用axes.prop_cycle
                
                                
                    6对象适合不影响图像
                
                                
                    7components由Swift中的多个分隔符分隔
                
                                
                    8Stream.forEach是否遵循顺序流的遭遇顺序？
                
                                
                    9在TensorFlow中合并字符串张量
                
                                
                    10android检测测试的输出在哪里？
                
                                
                    11节点错误:"找不到模块'路由'"
                
                                
                    12如何将swagger与我的快速应用程序集成
                
                                
                    13cv2.ml_KNearest对象没有属性find_nearest
                
                                
                    14为什么我不能使用jQuery检查这个单选按钮？
                
                                
                    15什么是phpMyAdmin对我的UNION ALL查询做什么？
                
                                
                    16从Python调用C Math函数的高效解决方案
                
                                
                    17有没有办法在向量常量时间中插入一些东西
                
                                
                    18Spring JPA不在
                
                                
                    19引导程序布局-我们是否应始终使用XS col类
                
                                
                    20分段故障11,因为C中有40 MB的阵列