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

最新推荐文章于 2018-10-30 21:40:02 发布

Swear ð Heart

最新推荐文章于 2018-10-30 21:40:02 发布

阅读量463

点赞数

分类专栏： python编程文章标签： python Django ajax form

本文链接：https://blog.csdn.net/weixin_43500770/article/details/83544818

版权

python编程专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!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>

Swear ð Heart

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
python django框架ajax异步交互时(判断账号或昵称唯一)阻止form表单提交简便方式

Document {% extends 'main.html' %} {% block page1 %} {% csrf_token %} 添加合同信息合同名称：合同编号： ...
复制链接

扫一扫