1. 程式人生 > 其它 >5、django前端頁面提示不能為空(js寫法)

5、django前端頁面提示不能為空(js寫法)

想要這樣的效果:不輸入內容,點選提交,彈出提示框:不能為空

js寫法:

<!DOCTYPE html>
{% load staticfiles %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="{% static 'css/plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'css/css1/dsb.css' %}"
> </head> <style type="text/css"> body { padding-top: 10px; } .main { margin-left: 20px; } </style> <body> <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main"> <h2 class="sub-header">json對比</h2> <form
id = "aaa" method="post" action="/json_compare_def/" > <div class="table-responsive"> A: <textarea id="content_valuea" rows="10" cols="56" name="a_json" ></textarea> B: <textarea id="output_valueb" rows="10" cols="56" name
="b_json" ></textarea> <br> <br> <button class="btn btn-primary btn-sm">submit</button> <br> <br> <a style="color:black;font-weight:700 ">對比結果:</a> <br> <br> <div>{{ result }}</div> </div> </form> </div> </body> <script type="text/javascript"> var text_value1 = document.getElementById('aaa'); text_value1.addEventListener("submit",function(e){ var text_value = document.getElementById('content_valuea').value; var text_value3 = document.getElementById('output_valueb').value; if (text_value == "" || text_value3 == "") { alert("不能為空"); e.preventDefault(); } },false); </script> </html>