Question

我有一张包含以下代码的表单......

<table width="100%" border="0">
          <tr>
            <td class="text-1" height="43" width="40%">Full Name :<font color="#ff3a00">*</font></td>
            <td height="43" width="60%"><input name="txtbox" type="text" class="txtbox" required/></td>
          </tr>

          <tr>
            <td height="43" class="text-1">&nbsp;</td>
            <td height="43"><input name="" class="submit-btn" type="submit" value="Submit" /></td>
          </tr>
        </table>

我的问题是，每当用户使用SPACES填充“全名”文本框时，必需的属性允许它。??

如果 SPACES 被任何用户填充，我该如何停止...

请告诉我..

另外，我厌倦了在输入框中使用模式..

Answer 1

您可以使用HTML5的模式属性并提供正则表达式来避免空格

<table width="100%" border="0">
  <tr>
    <td class="text-1" height="43" width="40%">Full Name :<font color="#ff3a00">*</font>
    </td>
    <td height="43" width="60%">
      <input name="txtbox" type="text" class="txtbox" pattern="^\S+$" required/>
    </td>
  </tr>

  <tr>
    <td height="43" class="text-1">&nbsp;</td>
    <td height="43">
      <input name="" class="submit-btn" type="submit" value="Submit" />
    </td>
  </tr>
</table>

Answer 2

<table width="100%" border="0">
          <tr>
            <td class="text-1" height="43" width="40%">Full Name :<font color="#ff3a00">*</font></td>
            <td height="43" width="60%"><input name="txtbox" type="text" class="txtbox" pattern="[A-Za-z0-9\S]{1,25}" required/></td>
          </tr>

          <tr>
            <td height="43" class="text-1">&nbsp;</td>
            <td height="43"><input name="" class="submit-btn" type="submit" value="Submit" /></td>
          </tr>
        </table>

Answer 3

<input name="txtbox" type="text" class="txtbox" required pattern="[A-Za-z]{1,}"/>

说明：

属性pattern要求输入与正则表达式模式匹配模式 [A-ZA-Z] {1，}

[A-Za-z]任何来自A-Z或a-z的信件

{1,}最小长度为1，没有指定的最大长度

在模式

3 个答案: