个人中心
gpt4 book ai didi

php - 如果数据错误，更改输入的背景颜色

转载 作者：太空宇宙 更新时间：2023-11-03 23:26:50 25 4
gpt4 key购买 nike

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

这是我的文本框:

$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;
      }
}

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

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

编辑:

我在上面的代码中创建了“THIS IS A PLACE FOR JAVASCRIPT”:

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

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

最佳答案

在您的 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>

关于php - 如果数据错误，更改输入的背景颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26628322/

25 4 0
文章推荐： c - 如何使用与函数具有相同签名的参数声明函数？
文章推荐： c# - 如何将模型传递给另一个区域的 Controller ？
文章推荐： c - 使用 libconfig 在 C 中读取配置文件
文章推荐： c# - 在单个数据 GridView 中显示来自相关表的数据
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com