如何设置文本输入字段（html/php）的要求？

Posted 2023-03-10

【中文标题】如何设置文本输入字段（html/php）的要求？

【英文标题】：How set requirements for text input field (html/php) ?

【发布时间】：2012-12-12 04:50:59

【问题描述】：

在我的 php 脚本中，我有这个输入字段。

   <input type="text" name="try" size="10" id="try" maxlength="5" >

有什么简单的方法可以让我需要 5 个字符并在它们不仅仅是字母时显示错误消息。

【参考方案1】：

您可能可以在客户端的 jQuery 中做到这一点。您还需要在服务器端执行此操作，因为 javascript 可以（并且将）被攻击媒介绕过。像这样的正则表达式将在 PHP 中进行服务器端验证。

$rgx = '/[A-Z]5,/i';

结合方法...

http://www.laprbass.com/RAY_temp_axxess.php?q=abcdehttp://www.laprbass.com/RAY_temp_axxess.php?q=abhttp://www.laprbass.com/RAY_temp_axxess.php?q=abcdefg

<?php // RAY_temp_axxess.php
error_reporting(E_ALL);

// A REGEX FOR 5+ LETTERS
$rgx = '/^[A-Z]5,$/i';

if (isset($_GET['q']))

    if (preg_match($rgx, $_GET['q']))
    
        echo 'GOOD INPUT OF 5+ LETTERS IN ';
    
    else
    
        echo "VALIDATION OF $_GET['q'] FAILED FOR REGEX: $rgx";
    


// CREATE THE FORM
$form = <<<ENDFORM
<form>
<input type="text" name="q" pattern="[A-Za-z]5," title="At least 5 alphabetic characters" />
<input type="submit" />
</form>
ENDFORM;
echo $form;

【讨论】：

我只在 FF 和 Chrome 中测试过这个。两者都有预期的浏览器响应。当然，如果是直接输入，只有服务器测试会被执行，所以这就是为什么你需要腰带和吊带;-)

【参考方案2】：

在这样查看之前验证您的表单并使用 strlen 检查输入的长度：

if(isset($_POST['mySubmit'])) 
    if(strlen($_POST['try']) < 5) 
        $error = "Too short";
    
    else 
        $valid = true;
        //Do whathever you need when form is valid
    

else 
    if(isset($error)) 
        echo "<p>$error</p>";
    

    //echo your form here
    echo "<form method='post' action='thisPhpScript.php'>
              <input type='text' name='try' size='10' id='try' maxlength='5' >
          </form>";

尚未对此进行测试，因此可能存在语法错误。

【讨论】：

我如何检查是否有数字或特殊字符？

@Axxess 我强烈建议同时使用 html5 和 PHP

【参考方案3】：

假设页面提交给自己。

又快又脏。

<?php
$errors = array();
if (isset($_POST['try']) & strlen($_POST['try']) != 5 & ctype_alpha( $_POST['try'] != true) 
$error['try'] = "This field must contains 5 characters and contain only a-z and A-Z";
// stop whatever you normally do if submitted.

?>

稍后在显示此字段的页面上。

<?php if (isset($errors['try']))  echo $errors['try'];  ?>
<input type="text" name="try" size="10" id="try" maxlength="5" >

【参考方案4】：

对于 HTML5，您可以使用 pattern 属性：

<input type="text" name="try" size="10" pattern="[A-Za-z]5" title="5 alphabetic characters exactly">

这将允许正好 5 个字符，只能是大写或小写字母字符。

【讨论】：

+1 假设您不需要跨浏览器支持。我相信这不适用于 ie 或 safari -> HTML5 input pattern

True .. 我刚刚在 FF 上测试过

是的，我认为如果 IE 和 Safari 需要支持，它会支持 JavaScript 验证。也许有一天他们会在一起。我们可以希望。

【参考方案5】：

<input type="text" pattern=".5," required />

试试这个