【问题标题】:How can I validate for whitespaces in textbox如何验证文本框中的空格
【发布时间】:2011-11-19 00:59:20
【问题描述】:

我正在使用 javascript 验证文本框,现在发生的情况是,如果文本框 = '' 或换句话说为空,则会出现一条消息,说明“请输入房间号”,如果不是,则显示空字符串“”。

如果文本框为空,这很好,但如果我输入空格或输入例如然后提交表单,则验证消息不会出现在此实例中。

它应该如何编码,以便如果一个文本框没有包含空格,那么它应该显示一条消息?

下面是我的代码:

    <head>
            <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
            <title>Create a Session</title>
            <script type="text/javascript">

     function validation() {
    var roomTextO = document.getElementById("room");
    var errRoomMsgO = document.getElementById("roomAlert");

    if (roomTextO.value == ""){
                    errRoomMsgO.innerHTML = "Please Enter in a Room Number";
                }else{
                    errRoomMsgO.innerHTML = ""; 
                }  

            }

    </script>
    </head>

    <body>

    <form action="create_session.php" method="post" name="sessionform">

    <p><strong>8: Room:</strong> <input type="text" id="room">
<br/><span id="roomAlert"></span></p>      <!-- Enter Room here-->

    </form>
    </body>

【问题讨论】:

标签: javascript forms validation input project


【解决方案1】:

您可以先修剪文本框的内容:

roomTextO.trim().value

【讨论】:

  • 虽然您的建议有效,但 trim() 不是原生 JavaScript 函数!查看这篇博文 delphifaq.com/faq/f1031.shtml 或 Google 了解一些选项。
  • 那行不通。你的意思是这样说的:roomTextO.trim().value == "" 在我的 if 函数中,而不是 roomTextO.value == ""。
  • 有趣,我的印象是它是一个原生函数。感谢您的指正。是的,我打算用 roomTextO.trim().value 替换 roomTextO.value
  • 抱歉完全错了,这是更好的答案。谢谢
  • function trim(str){ return str.replace(/(?:(?:^|\n)\s+|\s+(?:$|\n))/g,'' ).replace(/\s+/g,' '); }
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-07-30
  • 1970-01-01
  • 2014-05-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多