Question

如何在JavaScript中设置文字样式？文本在函数内部。我不确定该怎么做。

我只想给CSS类提供文本。请参阅类似<div class="btn btn-primary>See Guidance</div>的指南。

所以我可以进行更改，例如填充，文本颜色和背景，并且它们将像按钮一样显示。

我只是试图在div之间插入div，但没有显示：（。

这是代码：

<script type="text/javascript">
        function validateFormLogin()
        {
            var min_length = <?php echo Min_Character;?>;
            var max_length = <?php echo Max_Character;?>;
            var error_message = "";

            var val_length = $("#username").val().length;
            if(val_length > 0)
            {
                if(val_length <  min_length )
                {
                    error_message = "Wrong Minimum Character! - <a href='http://localhost/guidance>See Guidance</a>.;
                    $("#result").html(error_message);
                    return false;
                }
                if(val_length  > max_length)
                {
                    error_message = ""Wrong Minimum Character! - <a href='http://localhost/guidance>See Guidance</a>. ";
                    $("#result").html(error_message);
                    return false;
                }
                success_message = "Please wait...";
                $("#result").text(success_message);
                return true;
            }
            else
            {
                error_message = "This field is required ";
                $("#result").text(error_message);
                return false;
            }
        }
</script>

Answer 1

将消息包装在<span>中，上面带有一个类。您的代码中存在多个语法错误。消息字符串中的引号过多和属性关闭错误。（将我的代码与您的代码进行比较）。

<script type="text/javascript">
    function validateFormLogin()
    {
        var min_length = <?php echo Min_Character;?>;
        var max_length = <?php echo Max_Character;?>;
        var error_message = "";

        var val_length = $("#username").val().length;
        if(val_length > 0)
        {
            if(val_length <  min_length )
            {
                error_message = "<span class=\"error-message\">Wrong Minimum Character! - <a href='http://localhost/guidance'>See Guidance</a></span>;
                $("#result").html(error_message);
                return false;
            }
            if(val_length  > max_length)
            {
                error_message = "<span class=\"error-message\">Wrong Minimum Character! - <a href='http://localhost/guidance'>See Guidance</a>.</span>";
                $("#result").html(error_message);
                return false;
            }
            var success_message = "<span class=\"success-message\">Please wait...</span>";
            $("#result").html(success_message);
            return true;
        }
        else
        {
            error_message = "<span class=\"error-message\">This field is required</span>";
            $("#result").html(error_message);
            return false;
        }
    }
</script>

Answer 2

第一个答案可能有帮助，但存在语法错误。所以我想删除所有语法错误。

首先，您在JavaScript中使用的PHP变量不以$符号开头。如果它们是常量，可以，但是如果它们是变量，请确保添加$。我认为它们是以下代码中的变量，并且已定义。

第二个错误是引号不正确，我已经修复了所有错误：

function validateFormLogin()
    {
        var error_message, success_message;
        var min_length = <?php echo $Min_Character;?>;
        var max_length = <?php echo $Max_Character;?>;


        var val_length = $("#username").val().length;
        if(val_length > 0)
        {
            if(val_length <  min_length)
            {
                error_message = '<p class="error">Wrong Minimum Character! - <a href="http://localhost/guidance">See Guidance</a>.</p>';
                $("#result").html(error_message);
                return false;
            }
            if(val_length  > max_length)
            {
                error_message = '<p class="error"> Wrong Minimum Character! - <a href="http://localhost/guidance">See Guidance</a>.</p>';
                $("#result").html(error_message);
                return false;
            }
            success_message = '<p class="success">Please wait...</p>';
            $("#result").html(success_message);
            return true;
        }
        else
        {
            error_message = '<p class="error">This field is required</p>';
            $("#result").html(error_message);
            return false;
        }
    }

我还声明了未声明的变量success_message。

在JavaScript中对CSS文本内部函数进行样式设置

2 个答案: