您的位置：首页 > 编程语言 > Python开发

python django框架ajax异步交互时(判断账号或昵称唯一)阻止form表单提交简便方式

2018-10-30 16:55 357 查看

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="/static/js/jquery-3.3.1.js/" type="text/javascript"></script>
<script src="/static/js/jquery.cookie.js" type="text/javascript"></script>
<script>
$(document).ready(function () {
//鼠标离开输入框时判断合同编号是否重复
ischeck = false
$('#con_num').blur(function () {
contractnum = $('#con_num').val()
$.ajax({
async: true,
url: '/checknum/',
type: 'POST',
data: 'contractnums=' + contractnum,
headers: { 'X-CSRFToken': $.cookie('csrftoken') },
success: function (data) {
if (data.length == 6) {
$('#sp_hint').html(data)
$('#con_num').css('border', '1px solid yellow')
ischeck = false
// alert(ischeck)
} else {
ischeck = true
// alert(ischeck)
}
}
})
return ischeck
})
$('#add_form').submit(function () {
// alert(ischeck)
if (ischeck) {
return true
} else {
return false
}

})
})
</script>
</head>

<body>
{% extends 'main.html' %}
{% block page1 %}
<div class="divs">
<form action="/addcontract/" method="POST" id="add_form">
{% csrf_token %}
<p id="add_p">添加合同信息</p>
<span class="sp1">合同名称</span>：<input type="text" name="contract_name" required><br>
<span class="sp1">合同编号</span>：<input type="text" name="contract_number" required id="con_num"><span id="sp_hint"></span><br>
合同签订时间：<input type="date" name="Contract_signing_time" required><br>
<span class="sp1">合同金额</span>：<input type="number" name="contract_amount" class="conamout"><br>
<button type="submit" class="sub">提交</button>
</form>
</div>
{% endblock %}
</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航