第一天

最新推荐文章于 2021-04-04 00:56:42 发布

一阔柠檬精

最新推荐文章于 2021-04-04 00:56:42 发布

阅读量169

点赞数

文章标签： django分页+登录验证

本文链接：https://blog.csdn.net/Babysbreath_JTC/article/details/89316028

版权

功能1: 分页展示

总分页对象(paginator):

1 paginator = Paginator(列表,每页条数) # 总分页对象 (包含:每页信息+页码列表)

当前页对象(page)

 page = paginator.page(第几页)

把page传到页面展示

# page对象包含: 当前页的所有信息!
# 页码列表
page.paginator.page_range #获得页码列表

功能2: 带分页查询

传递分页条件到方法
根据条件找列表
把条件再传回页面,保留查询条件!

功能3: 跳转到第几页

只允许输入数字

# onchange: 改变事件, onclick 单击 onmouseover:鼠标滑过
第:<input type="text" size="1" value="2"
onchange="value=value.replace(/[^\d]/g,'')"/>页

jquery使用
判断和跳转

功能4: 表单验证

常用正则: https://www.jb51.net/article/100854.htm

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
    	.msg{color: red;}
        </style>
</head>
<body>
        <!--
        1. 加事件(提交事件)
        2. 判断是否符合条件,符合跳转, 不符合不跳转!
        找标签值
        验证
        -->
        <form action="验证2.html" method="post" onsubmit="return yanzheng(this)">
        名字:<input type="text" name="uname" /><span class="msg"></span><br/>
        密码:<input type="password" name='pwd' /><span class="msg"></span><br/>
        手机:<input type="text" name="phone" /><span class="msg"></span><br />
        年龄:<input type="text" name="age" /><span class="msg"></span><br />
        <input type="submit" value="提交"/>
        </form>
        <script type="text/javascript">
        window.onload=function(){
        //var re = new RegExp(/^[0-9]*$/);
        var reg = /^[0-9]*$/
        console.log(reg.test('aaa'))
        if(reg.test('aaa')){
        console.log('验证成功')
        }else{
        console.log('失败')
        }
        }
        // 表单:验证通过返回true,就跳转
        function yanzheng(f1){
        uname = f1.uname.value;
        pwd = f1.pwd.value;
        phone = f1.phone.value;
        age = f1.age.value;
        msg = document.getElementsByClassName('msg')
        console.log('手机:'+phone);
        if(uname.length==0 || uname==''){
        msg[0].innerHTML = '错误'
        return false;
        }else{
        msg[0].innerHTML = '正确'
        }
        //密码
        if(pwd.length<6 || pwd==''){
        msg[1].innerHTML='错误'
        return false;
        }else{
        msg[1].innerHTML='正确'
        }
        //年龄
        if(/^[0-9]*$/.test(age)==false){
        msg[3].innerHTML='年龄只能为数字'
        return false;
        }else{
        msg[3].innerHTML='年龄正确'
        }
        return true;
        }
</script>
</html>
</body>

一阔柠檬精

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
第一天

功能1: 分页展示总分页对象(paginator):1 paginator = Paginator(列表,每页条数) # 总分页对象 (包含:每页信息+页码列表)当前页对象(page) page = paginator.page(第几页)把page传到页面展示# page对象包含: 当前页的所有信息!# 页码列表page.paginator.page_range ...
复制链接

扫一扫