Question

此Javascript代码无法使用我的Python Flask代码：我不知道，问题是什么，我也正在使用该库。

$(document).ready(function(){
    $("#name").focusin(function(){
        if(/^[a-z ,.'-]+$/.test($(this).val())){
            $(this).css("border-color", "#37ff00");
        }else{
            $(this).css("border-color", "red");
        }
    });
    $("#er").keyup(function(){
        if(/^[0-9]+$/.test($(this).val())){
            $(this).css("border-color", "green");
        }else{
            $(this).css("border-color", "red");
        }
    });
})

渲染模板是在渲染python的烧录代码之后出现的，我认为这是正确的，但是脚本无效

<!DOCTYPE HTML>
<html>
    <head>
        <link rel= "stylesheet" href= "style.css">
        <script src="script.js" ></script>  
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>        
    </head>
    <body>
        <form id="CSI" >

            <label for="er">Enrollment No:</label>
            <input id="er" name="er" type="text">

            <label for="name">Name:</label>
            <input id="name" name="name" type="text">

        </form>
    </body>
<html>

使用CSS 它用于表单，我希望它应该是更改

#CSI input
{
    padding:5px;
    margin:5px;
    width:200px;
    height:20px;
}
#CSI input:focus
{
    outline:none;
    border-color:blue;

}

Answer 1

正如@Pointy指出的那样（没有双关语），为了让你的脚本使用jQuery，你需要首先包含jQuery，然后添加你的JavaScript文件：

<script src="jquery.js"></script>
<script src="script.js"></script>

此Javascript代码无法与Python Flask一起使用

1 个答案: