如何限制Html5输入以输入单引号和冒号

时间:2014-04-15 10:09:16

标签: html5 forms jsp validation

我创建了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模式限制输入字段?

1 个答案:

答案 0 :(得分:6)

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

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

请看这里的小提琴: http://jsfiddle.net/mzDt9/