5、django前端頁面提示不能為空(js寫法)
阿新 • • 發佈:2021-09-17
想要這樣的效果:不輸入內容,點選提交,彈出提示框:不能為空
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>