【问题标题】:How to restrict Html5 input to enter single quote and colon如何限制Html5输入输入单引号和冒号
【发布时间】:2014-04-16 13:20:04
【问题描述】:

我创建了 1 个包含 html 表单的 jsp 页面,在提交 html 表单时我检查了输入字符串是否不包含任何单引号(')或冒号(:)

<form action="" method="post" onsubmit="return toValidate('demo')>
    <input name="demo" id="demo" />
    <input type="submit" value="submit"/>
</form>

Javascript 函数:

function toValidate(id){
    var str = "";
    for(var i=0; i<val.length;i++) {
     if (val[i] == "'" || val[i] == ":") {
      alert(" ' and : not allowed");
      return false;
     }
     else
     {
      str =str+val[i];
      document.getElementById(id).value=str;
     }      
}

 }

我的问题是如何使用 html5 模式限制输入字段...?

【问题讨论】:

  • 使用模式你可以指定你可以允许的值。那么您与输入字段匹配的条件是什么?
  • '@san krish' 我想限制单引号和冒号...
  • jquery-validate 插件与这个问题无关。请阅读他们的描述进行标记时更加小心。

标签: html forms jsp validation


【解决方案1】:

我使用 HTML5 正则表达式验证修改了您的 HTML 代码

<form action="" method="post">
    <input name="demo" type="text" id="demo" pattern="[^':]*$" />
    <input type="submit" value="submit"/>
</form>

在此处查看小提琴: http://jsfiddle.net/mzDt9/

【讨论】:

  • 一直在到处寻找某种 JS 或其他东西,而这个单行代码正是我想要的,太棒了! +1
  • @Vijay 如果我想限制单引号、双引号、问号和等号,我需要对您提供的代码进行哪些更改?
猜你喜欢
  • 2017-05-20
  • 1970-01-01
  • 1970-01-01
  • 2023-03-20
  • 2018-02-11
  • 2022-07-07
  • 2018-08-28
  • 2016-03-24
  • 2013-06-07
相关资源
最近更新 更多