Question

我正在设置一个注册页面，我现在正在为空白的表单添加支票。

以下是我用户名表单的HTML：

<label>Username</label>
<div class="form-group">
  <input name="username" maxlength="25" class="span-default" type="text" placeholder="Choose a username">
</div>

我拥有的PHP：

$username = $_POST['username'];

if(empty($username)) {
  // todo
}

我需要对PHP的“ todo ”部分做的是在HTML中的输入表单下添加一个新行，如下所示：

<label>Username</label>
<div class="form-group">
  <input name="username" maxlength="25" class="span-default" type="text" placeholder="Choose a username">
  <div class="form-warning">This username is already taken!</div>
</div>

我该怎么做？

Answer 1

如果您使用<?php和?>代码，则可以将PHP直接嵌入到HTML中：

<label>Username</label>
<div class="form-group">
  <input name="username" maxlength="25" class="span-default" type="text" placeholder="Choose a username">
<?php
  if (empty($_POST['username'])) {
      echo '<div class="form-warning">This username is already taken!</div>';
  }
?>
</div>

Answer 2

希望这有帮助！

$username = $_POST['username'];

if(empty($username)) {
  echo "<div class=\"form-warning\">This username is already taken!</div>";
}

Answer 3

您可以按照以下方式执行此操作。

<label>Username</label>
<div class="form-group">
  <input name="username" maxlength="25" class="span-default" type="text" placeholder="Choose a username">
   <?php echo $errorDiv;  ?>
</div>

和PHP检查。

$errorDiv = "";
if(empty($username)) {
  $errorDiv = "<div class=\"form-warning\">This username is already taken!</div>";
}

Answer 4

有给出的选择。另一种方法可能是将变量作为类名添加到html中。

CSS：

.show_warning {
   display: block;
}

.hide_warning {
   display: none;
}

PHP：

    if(empty($username)){
      $username_warning = "show_warning";
    } else {
    $username_warning = "hide_warning";
   }

HTML + PHP

<label>Username</label>
<div class="form-group">
  <input name="username" maxlength="25" class="span-default" type="text" placeholder="Choose a username">
  <div class="form-warning <?php echo $username_warning;?>">This username is already taken!</div>
</div>

如果$ username为空，则添加“show_warning”类。您可以轻松地将此类添加到其他变量，并将它们与其他字段集成。

PHP：

if(empty($phonenumber))
  $phone_warning = "show_warning";
else
  $phone_warning = "hide_warning";

Answer 5

试试这个家伙：

<?php

  $username = $_POST['username'];
  ?>
  <label>Username</label>
  <div class="form-group">
    <input name="username" maxlength="25" class="span-default" type="text" placeholder="Choose a username">
<?php
  if(!empty($_POST) && empty($username)) {
    <div class="form-warning">This username is already taken!</div>
  }
?>
</div>

干杯

Answer 6

最好的方法是使用Ajax检查....

如果您使用的是jQuery，请使用此js

<label>Username</label>
<div class="form-group">
  <input name="username" maxlength="25" class="span-default" type="text" placeholder="Choose a username">
  <div class="form-warning">This username is already taken!</div>
</div>

<scrip type="text/javascript">
$(document).ready(function(){
    $(input[name=username]).change(function(){
         $.post(
               'your-sever-process-link',
               { username : $(this).val()},
               function(res) : { $(this).parent().childrens('.form-warning').html(res.message) },
               'json' 
          );
   });
});
</script>

假设您的服务器处理脚本将检查deuplicates并发送json编码值。

此外，ajax验证处理可以提供更好的用户体验。您可以使用https://github.com/posabsolute/jQuery-Validation-Engine。这很容易。

使用PHP向页面添加新元素

6 个答案: