Php 如果数据错误，请更改输入的背景色_Php_Jquery_Css_Forms

Php 如果数据错误，请更改输入的背景色

php jquery css forms

Php 如果数据错误，请更改输入的背景色,php,jquery,css,forms,Php,Jquery,Css,Forms,当输入的数据错误时，我想动态更改输入文本的背景这是我的文本字段： $oForm->formInput(array( 'id' => 'phone', 'name' => 'phone', 'label' => 'telefon', 'value' => $_POST['phone'], 'type' => 'tel', 'size' => '60', 'maxlength'=>'30', )

当输入的数据错误时，我想动态更改输入文本的背景

这是我的文本字段：

$oForm->formInput(array(
    'id' => 'phone',
    'name' => 'phone',
    'label' => 'telefon',
    'value' => $_POST['phone'],
    'type' => 'tel',
    'size' => '60',
    'maxlength'=>'30',
));

此功能用于检查输入的数据是否正确

function checkIfError($field){
    global $oForm;    

    if($_POST["ACT"] == 'checkCorrectness'){
        global $wrong;
        .
        .
        .
        case "phone":
                if(empty($_POST['phone'])){                       
                  <THIS IS A PLACE FOR JAVASCRIPT>
                }else
                  <THIS IS A PLACE FOR JAVASCRIPT>
                }
                break;
      }
}

函数检查错误（$field）{
全球美元形式；
如果（$\u POST[“ACT”]=“检查正确性”）{
全球美元错了；
.
.
.
案例“电话”：
如果（空（$_POST['phone']）{
}否则
}
打破
}
}

但身份证不起作用。输入JavaScript代码的位置正确吗？因为即使是警报也不起作用

例如，如果我输入了正确的数字，则输入文本应为白色。如果没有输入，则文本应为绿色。我读了相关文章，并尝试了一些JavaScript代码，但目前所有这些都不起作用。你能帮我吗

编辑：

在我创建的上述代码中，“这是一个JAVASCRIPT的地方”：

echo '<script>         
        var phone = $("#phone").val();
                alert(phone);
                if (phone == ""){
                    $("#phone").css("background-color","yellow");
                }                               
 </script>';

echo'
var phone=$（“#phone”）.val（）；
警报（电话）；
如果（电话==“”）{
$（“#phone”）.css（“背景色”、“黄色”）；
}                               
';

我收到一个带有文本“未定义”的警报。“if”中的rest指令也不起作用。

我认为最简单的解决方案是在空输入字段中添加一个类，例如添加一个类“error”

您可以使用JQuery检查输入字段，例如：

if('#yourInput').val() === '') {
  $('#yourInput').addClass('error');
}

在CSS中：

.error {
  background-color:green;
}

我认为最简单的解决方案是在空输入字段中添加一个类，例如添加一个类“error”

您可以使用JQuery检查输入字段，例如：

if('#yourInput').val() === '') {
  $('#yourInput').addClass('error');
}

在CSS中：

.error {
  background-color:green;
}

我认为最简单的解决方案是在空输入字段中添加一个类，例如添加一个类“error”

您可以使用JQuery检查输入字段，例如：

if('#yourInput').val() === '') {
  $('#yourInput').addClass('error');
}

在CSS中：

.error {
  background-color:green;
}

我认为最简单的解决方案是在空输入字段中添加一个类，例如添加一个类“error”

您可以使用JQuery检查输入字段，例如：

if('#yourInput').val() === '') {
  $('#yourInput').addClass('error');
}

在CSS中：

.error {
  background-color:green;
}

在html中使用此代码

<body>
  <input type="text" id="phone" name="txt" value="Hello"/>
    <script type="text/javascript">
       $(document).ready(function(){
       var phone = $("#phone").val();
        if(phone === '')
        {
          $("#phone").css("background-color","yellow");
        }
        else
        {
          $("#phone").css("background-color","red");
        }
    });
    </script>
   </body>


$（文档）.ready（函数（）{
var phone=$（“#phone”）.val（）；
如果（电话==''）
{
$（“#phone”）.css（“背景色”、“黄色”）；
}
其他的
{
$（“#phone”）.css（“背景色”、“红色”）；
}
});

在html中使用此代码

<body>
  <input type="text" id="phone" name="txt" value="Hello"/>
    <script type="text/javascript">
       $(document).ready(function(){
       var phone = $("#phone").val();
        if(phone === '')
        {
          $("#phone").css("background-color","yellow");
        }
        else
        {
          $("#phone").css("background-color","red");
        }
    });
    </script>
   </body>


$（文档）.ready（函数（）{
var phone=$（“#phone”）.val（）；
如果（电话==''）
{
$（“#phone”）.css（“背景色”、“黄色”）；
}
其他的
{
$（“#phone”）.css（“背景色”、“红色”）；
}
});

在html中使用此代码

<body>
  <input type="text" id="phone" name="txt" value="Hello"/>
    <script type="text/javascript">
       $(document).ready(function(){
       var phone = $("#phone").val();
        if(phone === '')
        {
          $("#phone").css("background-color","yellow");
        }
        else
        {
          $("#phone").css("background-color","red");
        }
    });
    </script>
   </body>


$（文档）.ready（函数（）{
var phone=$（“#phone”）.val（）；
如果（电话==''）
{
$（“#phone”）.css（“背景色”、“黄色”）；
}
其他的
{
$（“#phone”）.css（“背景色”、“红色”）；
}
});

在html中使用此代码

<body>
  <input type="text" id="phone" name="txt" value="Hello"/>
    <script type="text/javascript">
       $(document).ready(function(){
       var phone = $("#phone").val();
        if(phone === '')
        {
          $("#phone").css("background-color","yellow");
        }
        else
        {
          $("#phone").css("background-color","red");
        }
    });
    </script>
   </body>


$（文档）.ready（函数（）{
var phone=$（“#phone”）.val（）；
如果（电话==''）
{
$（“#phone”）.css（“背景色”、“黄色”）；
}
其他的
{
$（“#phone”）.css（“背景色”、“红色”）；
}
});

请显示创建的HTML标记和使用的JavaScript，而不是PHP代码。你说得对。我编辑了我的帖子。HTML标记在$oForm->formInput中。请显示创建的HTML标记和您使用的JavaScript，而不是显示PHP代码。您是对的。我编辑了我的帖子。HTML标记在$oForm->formInput中。请显示创建的HTML标记和您使用的JavaScript，而不是显示PHP代码。您是对的。我编辑了我的帖子。HTML标记在$oForm->formInput中。请显示创建的HTML标记和您使用的JavaScript，而不是显示PHP代码。您是对的。我编辑了我的帖子。HTML标记在$oForm->formInput中。它看起来不错，但我在将其正确放置在代码中时遇到了问题。放置时遇到了什么问题？这可能也有点帮助：@Robin我不清楚。我把它放在上面帖子的标签里，但这不起作用。即使我创建了一些警报。你不能只是混合使用PHP和JQuery，将其添加到标记之间或.js文件中。它看起来不错，但我在正确地将其放置在代码中时遇到了一个问题。放置时遇到了什么问题？这可能也有点帮助：@Robin我不清楚。我把它放在上面帖子的标签里，但这不起作用。即使我创建了一些警报。你不能只是混合使用PHP和JQuery，将其添加到标记之间或.js文件中。它看起来不错，但我在正确地将其放置在代码中时遇到了一个问题。放置时遇到了什么问题？这可能也有点帮助：@Robin我不清楚。我把它放在上面帖子的标签里，但这不起作用。即使我创建了一些警报。你不能只是混合使用PHP和JQuery，将其添加到标记之间或.js文件中。它看起来不错，但我在正确地将其放置在代码中时遇到了一个问题。放置时遇到了什么问题？这可能也有点帮助：@Robin我不清楚。我把它放在上面帖子的标签里，但这不起作用。即使我创建了一些警报。你不能只是混合使用PHP和JQuery，在标记之间或在.js文件中添加它。这很好，但我想动态更改颜色。类似这样的内容：。问题是，当数据不正确时，我想更改颜色。这是上面帖子标签上的一个地方。如何正确设置？您可以使用正则表达式检查数据的有效性，如果您的数据有错误，您可以将文本框的背景色设置为红色。您希望文本框在用户键入时显示错误（红色背景），还是在用户完成对文本框的键入后显示错误？是。对不起，我的英语不好