【问题标题】:Check input value length检查输入值长度
【发布时间】:2012-08-23 06:50:38
【问题描述】:

我在输入检查时遇到问题。如果输入长度小于 3,我不想发送请求。

我的表格:

<form method='post' action=''>
    Albūma nosaukums: # # this is the input --><input id='titleeee' type='text' name'album_title' /><br />

    Bilde Nr 1: <input type='file' name='pic_nr1' /><br />
    Bilde Nr 2: <input type='file' name='pic_nr2' /><br />
    Bilde Nr 3: <input type='file' name='pic_nr2' /><br />

    Aktīvs*: 
    <select>
        <option>Jā</option>
        <option>Nē</option>
    </select>

    <br />

    <input Onclick='testlenght(document.getElementById("titleeee"), "Tavs albūma nosaukums ir pa īsu!", "3")' type='submit' value='Pievienot' />
</form>

【问题讨论】:

  • 你引用了testlenght(),但是函数在哪里?

标签: javascript validation input


【解决方案1】:

您可以添加一个表单提交处理程序,例如:

<form onsubmit="return validate();">

</form>


<script>function validate() {
 // check if input is bigger than 3
 var value = document.getElementById('titleeee').value;
 if (value.length < 3) {
   return false; // keep form from submitting
 }

 // else form is good let it submit, of course you will 
 // probably want to alert the user WHAT went wrong.

 return true;
}</script>

【讨论】:

  • 你能输入完整的脚本吗,我不擅长 javascript ;(
  • 这应该是完整的东西
  • 我知道这篇文章已经有好几年了,但是为了帮助一些初学者(初学者也应该有机会,因为我们都是以类似的方式开始的......所以......):&lt;form... 的一部分&lt;/form&gt; 应该进入您的纯 html 文档,整个 function 部分进入同一文档中的 &lt;script&gt; (put it here) &lt;/script&gt; 标记,将其放入名为 script.js 的单独文件中并使用&lt;script src='script.js'&gt;&lt;/script&gt;。就这样。抱歉,如果这条评论不是“S.O. compilant”,我只是想帮助一些该死的初学者。
  • 我认为缺少“return”语句:
【解决方案2】:

&lt;input type='text' minlength=3 /&gt;&lt;br /&gt;

如果浏览器支持html5,

它会自动验证标签中的属性(最小长度)

但是 Safari(iOS) 不工作

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-11-19
    • 2015-02-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-01-20
    • 1970-01-01
    相关资源
    最近更新 更多