IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

使用angular 进行表单验证无效

1

1

表单验证

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <form  name="loginForm" novalidate>
        <input ng-model="userName"
               class="login_userInput"
               type="text" placeholder="用户名"
               name="userName"
               id="userInput"
               ng-minlength=3
               ng-maxlength=10
               required>

    <div class="login_redWord" ng-message="loginForm.userName.$error" >
        <div ng-message="required">用户名不能为空</div>
        <div ng-message="minlength">用户名长度至少为3</div>
        <div ng-message="maxlength">用户名长度不能超过10</div>
    </div>

 <input type="submit" class="login_loginBtn" id="loginBtn" ng-click="loginBtn()" value="登陆">

</form>

该问题已被官方收录

在点击登陆的时候，遇到了好多不懂得东西，比如说接口的问题，还不是很能理解关于接口

1

1

Ajax

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// 获取input的数值
var ID = document.getElementById('ID');
// 第二个input的数值
var password = document.getElementsByClassName('password')[0];
var show = document.getElementById('show');
// 声明一个请求
var xhr;
// 点击事件，点击的时候获取到输入框输入的数值
function NEWbutton() {
    console.log(ID.value);
    console.log(password.value);
    if (ID.value == '') {
        show.innerHTML = '请输入账号'
        return false;
    } else if (password.value == '') {
        show.innerHTML = '请输入密码'
        return false;
    } else {
        // 请求参数
        var data = 'name=' + ID.value + '&pwd=' + password.value;
        var lin = '/carrots-admin-ajax/a/login';
        xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function () {
            // 通信成功时，状态值为4
            if (xhr.readyState === 4 && xhr.status === 200) {
                var xuan = JSON.parse(xhr.responseText);
                console.log(xuan)
                if (xuan.code == 0) {
                    location.href = 'http://dev.admin.carrots.ptteng.com/#/dashboard'
                } else {
                    show.innerHTML = xuan.message;
                }
            } 
        }
    };
    xhr.open('POST', lin, true);
    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xhr.send(data);
    return false;
}

该问题已被官方收录

使用npm安装插件总是报错-4058

0

1

其他插件

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

小程序如何在渲染的时候加上不同的bindtap

1

1

小程序语言基础

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 <view class="{{selected?'green':'default'}}" bindtap='selected'>{{postdata[num[0]].jobname}}
  </view>
  <view class="{{selected1?'green':'default'}}" bindtap='selected1'>{{postdata[num[1]].jobname}}</view>
  <view class="{{selected2?'green':'default'}}" bindtap='selected2'>{{postdata[num[2]].jobname}}</view>

该问题已被官方收录

在任务二的时候，在页面的人数输入完成然后分配下去以后，跳转到下个页面如何去识别

1

1

js随机数

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!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>
    <link rel="stylesheet" type="text/css" href="./js2-2.css">
   
</head>

<body>

    <!-- 头部部分  -->
    <header>
        <a href="./../js2-1/js2-1.html" class="return"></a>
    </header>
    <main>
        <!-- 玩家配比部分 -->
        <h2>玩家配比</h2>
        <!-- 几个人数 -->
        <div class="number">
            <Div class="box1">
                <Div class="werwolf">
                </Div>
                <p id="killer">杀手<span></span>人</p>
            </Div>
            <Div class="box2">
                <div class="civilian"></div>
                <p id="people">平民<span></span>人</p>
            </Div>
        </div>
        <!-- 玩家数量 -->
        <div class="quantity">
            <span>请输入玩家数量</span>
                <input type="text" name="name" id="value" placeholder="" maxlength="2">
            <span>玩家数量为4-18</span>                     
        </div>
    </main>
    <button type="button" value="去发牌" onclick="huoqu()">去发牌</button>
    <script  src="./js2-2.js"></script>
</body>
</html>
/* 全局字体样式设置 */
html{
    font-size: 62.5%;
}

body{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1.6rem;
    background-color: #F0F0F0;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
    padding: 0;
}
header{
    display: flex;
    align-items: center;
    background-color: #29BDE0;
    width: 100%;
    height: 4.25rem;
}
.return{
    display: inline-block;
    width: 17px;
    height: 17px;
    border: 3px solid white;
    border-right: 0;
    border-bottom: 0;
    margin-left: 5%;
    transform: rotate(-45deg);
}
main h2{
    height: 3.3rem;
    width: 90%;
    margin: auto;
    margin-top: .4rem;
    text-align: center;
    line-height: 3.1rem;
    background-color: white;
    box-shadow: 0px 3px 13px #888888;
}
.number{
    width: 90%;
    background-color: white;
    height: 30rem;
    margin: auto;
    margin-top: .5rem;
    box-shadow: 0px 3px 13px #888888;

}
.box1{
    display: inline-flex;
    align-items: center;  
    width: 40%;
    margin-left: 2rem;
    margin-top: 1rem;
}
.box2{
    display: inline-flex;
    align-items: center;
     width:41%;
}
.werwolf{
    display: inline-block;
	width: 40px;
    height: 36px;
    border-radius: 50%;
    background: url(./css_sprites.png) no-repeat 90% 19.608%;
}
.civilian{
    display: inline-block;
    width: 60px;
	height: 51px;;
    background: url(./css_sprites.png) no-repeat 12.5% 50%;
    border-radius: 50%;
    zoom: .7;
}
input{
    width: 16px;
    background-color: #F0F0F0;
    border: 0;
    margin-left: 10px;
    text-align: center;
    color: orange;
}
.quantity{
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    margin-top: .5rem;
    width: 90%;
    margin-left: 5%;
    box-shadow: 0px 3px 13px #888888;
}
input+span{
    display: inline-block;
    font-size: 12px;
    margin-left: 11px;
    color: orange;
}
button{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 4rem;
    background-color: #FAB344;
    margin-left: 5%;
    margin-top: 4rem;
    margin-bottom: 2.9rem;
    border: 0;
    outline: none;
     color: white;
    font-size: 2rem;
}
// 获取inout的值
var G = document.getElementById('value');

function huoqu() {
    if (G.value < 4 || G.value > 18) {
        alert("请输入正确的玩家数量");
    } else {
        console.log(1);
        location.href = "./../js2-3/js2-3.html"
    }
}
// 获取杀手玩家DOM
var K = document.getElementById("killer");
var P = document.getElementById("people");

// 实时监听输入的值
G.oninput = function () {
    console.log(G)

    var killerNumber;
    var peopleNumber;

    // 分配杀人平民人数
    if (G.value < 4 || G.value > 18) {
        K.innerHTML = '杀手人'
        P.innerHTML = '平民人'
    } else if (G.value == 15 || G.value == 18) {
        killerNumber = Math.floor(G.value / 3 - 1)
        peopleNumber = G.value - killerNumber;

        K.innerHTML = '杀手' + killerNumber + '人'
        P.innerHTML = '平民人' + peopleNumber + '人'

    } else if (G.value > 4 || G.value < 18) {
        killerNumber = Math.floor(G.value / 3)
        peopleNumber = G.value - killerNumber;
        K.innerHTML = '杀手' + killerNumber + '人'
        P.innerHTML = '平民人' + peopleNumber + '人'
    }

}
// 禁止输入汉字
G.onkeyup = function () {
    if (!/^\d+$/.test(this.value)) {
        alert('禁止输入汉字');
        this.value = '';
    }
}
// 只能输入数字
G.onkeyup = function () {
    if (/[^\d]/g.test(this.value)) {
        alert('只能整数');
        this.value = '';
    }
}

该问题已被官方收录

nginx代理接口有问题

1

1

Ajax 跨域

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

该问题已被官方收录

任务三，翻盘页点击最后的法官查看，会先闪过一张翻盘页面再跳转到游戏开始

1

1

事件

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  if ($('#look').text() == "法官查看") {
            window.location.href = 'task3-2.html';
        } else {

该问题已被官方收录

微信小程序，任务11，如何使用现在排序的方法，把前三的职业挑选出来

0

1

微信

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 var nuda = numt()
     nuda.pop()
     console.log(nuda)

     var times = 0;
     var bubbleSort = function (nuda) {
       for (var i = 0; i < nuda.length - 1; i++) {
         for (var j = i + 1; j < nuda.length; j++) {
           if (nuda[i] < nuda[j]) {//如果前面的数据比后面的大就交换
             var temp = nuda[i];
             nuda[i] = nuda[j];
             nuda[j] = temp;
           }
           console.log("第" + (++times) + "次排序后：" + nuda);
         }
       }
       return nuda;
     }
     console.log("The result is:" + bubbleSort(nuda));

     var arrnum = bubbleSort(nuda)
     var showNum = [[arrnum[0], arrnum[1], arrnum[2]]];
     console.log(arrnum)     
     console.log(numt())
     console.log(nuda)
     console.log(showNum)

该问题已被官方收录

如何使用AngularJS的内置过滤器 orderBy？

1

1

angular内置指令和方法 angular model

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

{{ childrenArray | orderBy : orderFunc }}

该问题已被官方收录

在使用{{}}绑定数据的时候，页面加载会出现满屏尽是{{xxx}}的情况。

2

1

angular model

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1