将电话号码输入字段限制为仅接受6个8位和10位数字

Question

我有一个电话号码输入字段，如下所示：

<input type="text" name="phone" maxlength="10" size="40" value="{$tmp.phone}"><>

我可以在这里应用代码吗？ 还是我会在外部.php文件中应用函数来执行此操作？

代码是什么样的？

我对所有这些编码东西都是陌生的，需要一些帮助...

Answer 1

您可以使用新的HTML5属性pattern 。 在正确填写表格之前，新的浏览器将不会发送该表格：

<form>
<input type="text" name="phone" pattern="^[0-9]{6}|[0-9]{8}|[0-9]{10}$" />
<input type="submit" />
</form>

如果用户使用的是较旧的浏览器，则将忽略该属性。 在这种情况下，您仍然应该按照Daniel和Pheonix的建议进行检查。

Answer 2

即使可以通过某种方式在HTML中进行检查，也请始终在服务器端进行验证。 客户端验证始终可以被绕过。

在服务器端

$phone = $_GET['phone'];

if(!(strlen($phone)==6 ||strlen($phone)==8 ||strlen($phone)==10)){
  //Error
}

Answer 3

为了获得更好的用户体验，您可以使用javascript进行验证，并且出于安全原因，如Pheonix所说，必须使用服务器端验证。

<form id="form_id">
<input id="phone_id" type="text" />
<input type="submit" 
    onclick="if (document.getElementById('phone_id').value.length != 6 
                 && document.getElementById('phone_id').value.length!=8 
                 && document.getElementById('phone_id').value.length!=10) 
                 { 
                     alert('Error message...'); 
                     return false; 
                 }" />
</form>