2

如果用户在文本框中输入少于 4 个字母，我想显示错误。这是我现在正在使用的代码，它有点工作。问题是 - 它显示错误，然后它也在提交值。

如果用户输入少于 4 个字母，我想停止提交。

JavaScript

<script type="text/javascript">
function check(what)
{
    var length=what.search_text.value.length;   

    if (length >3 && length < 21)
        what.submit();
    else
        alert("Your nick should be 4-20 characters long.");
}
</script>

HTML

<form method=post action=''><input type=hidden name=todo value=search>
<p align=center>
    Enter Your Name: 
    <input type=text name=search_text value='$search_text'>
    <input onclick=check(this.form); return false; type=submit value=Search>
</p>
</form>
4

4 回答 4

0

如果值无效，您需要

return false;

这样表单提交就被取消了

于 2013-03-22T09:30:53.177 回答
0 
<script type="text/javascript">
function check(what)
{
    var length=what.search_text.value.length;   

    if (length >3 && length < 21){
        what.submit();
    }
    else {
        alert("Your nick should be 4-20 characters long.");
        return false;
    }

}
</script>

<?php
echo "<form method='post' action='' onsubmit='return check(this);'><input type=hidden name=todo value=search>
<p align=center>Enter Your Name: <input type=text name=search_text value='$search_text'><input type=submit value=Search></p><br>
</form>";
?>

变化 ：

  1. onsubmit='return check(this);'在表单标签中添加
  2. onclick从按钮提交中删除
  3. return false;在 js 函数的 else 条件中添加

建议：总是尝试使用jQuery，它很简单并且会减少你的代码长度。

于 2013-03-22T09:34:32.813 回答
0

您可以通过使用 RegularExpressionValidator 控件来实现这一点

像我正在使用的这个例子一样设计你的文本框。

<asp:TextBox ID="txtCityCode" runat="server" Width="147px" CssClass="txt" MaxLength="2"></asp:TextBox>
                    <asp:RequiredFieldValidator ID="rfvCityCode" runat="server" ErrorMessage="City Code is required information."
                    ControlToValidate="txtCityCode" Display="None" ValidationGroup="Save" SetFocusOnError="True"></asp:RequiredFieldValidator>
                     <asp:RegularExpressionValidator ID="revCityCode" runat="server" ErrorMessage="Numbers and special characters not allowed in 'City Code' field."
                    ControlToValidate="txtCityCode" ValidationExpression="^[a-zA-Z\s]+$" ValidationGroup="Save"
                    Display="None" SetFocusOnError="True"></asp:RegularExpressionValidator>

只需根据您的需要更改 ValidationExpression

于 2013-03-22T09:36:57.400 回答
0 
        <script type="text/javascript">
        function check(what)
        {
            var length=what.search_text.value.length;   

            if (length >3 && length < 21)
               { what.submit(); return true; } 
            else
                {alert("Your nick should be 4-20 characters long."); 
                 return false;}
        }
        </script>

and in HTML 

  <input onclick='return check(this.form)' type="submit" value="Search">
于 2013-03-22T09:47:54.030 回答