javascript 覆盖预先制作的验证脚本上的字体大小

xam8gpfp  于 2023-02-02  发布在  Java
关注(0)|答案(1)|浏览(80)

我正在尝试向文本框添加验证,并已成功完成。当您在文本框中键入错误内容时,我遇到了字体大小问题,但不知道如何解决。我正在使用的验证脚本是:
https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.js
我已经包括了我所谈论的照片。
Photo 1Photo 2
我正在尝试弄清楚如何使字体变小。我不相信这个js文件中有css。即使有,也必须有一个地方覆盖它。我还将包括我的script标记。

$(document).ready(function() {
            $("#form1").validate({
                rules: {
                    <%=tbSearchTransactionID.UniqueID %>: {
                        digits: true
                    },
                    <%=tbSearchOrderNo.UniqueID %>: {
                        digits: true
                    }
                }, messages: {
                    %=tbSearchTransactionID.UniqueID %>: {
                    digits: "Enter a number"
                }
              }
            });
        });

此外,这也是文本框所在的位置:

<h3>ShopFloor Transactions</h3>
<div class="form-row">
    <div class="col">
        <asp:TextBox ID="tbSearchTransactionID" runat="server" CssClass="form-control" placeholder="Transaction ID"></asp:TextBox>
    </div>
    <div class="col">
        <asp:TextBox runat="server" ID="tbSearchOrderNo" CssClass="form-control" placeholder="Order Number"></asp:TextBox>
    </div>
    <div class="col">
        <asp:TextBox runat="server" ID="tbSearchWorkCenter" CssClass="form-control" placeholder="Work Center"></asp:TextBox>
    </div>
</div>

所以我带来了这个大的验证文件。运行了一个小的脚本标记。然后将它链接到文本框名称,但我不知道在哪里可以编辑这个字体。

euoag5mw

euoag5mw1#

<script type="text/javascript">
                $(document).ready(function () {
                    $("#form1").validate({
                        rules: {
                    <%=tbSearchTransactionID.UniqueID %>: {
                        digits: true
                    },
                    <%=tbSearchOrderNo.UniqueID %>: {
                            digits: true
                        }
                }, messages: {
                     <%=tbSearchTransactionID.UniqueID %>: {
                    digits: "<span style='font-size: 20px;'>Enter a number</span>"
                },
                     <%=tbSearchOrderNo.UniqueID %>: {
                        digits: "<span style='font-size: 20px;'>Enter a number</span>"
                    }
                }
            });
        });

相关问题