css怎么给checkbox设置一个红色的边框

css怎么给checkbox设置一个红色的边框,要写个js才行吗?最好纯css

18个回答

这样就可以了,要用outline而不是border,希望对你有帮助

 .checkBoxRedOutline {
  outline: 1px solid red
}
 <meta charset="utf-8">
<style type="text/css">
form {
  border: 1px solid #ccc;
  padding: 20px;
  width: 300px;
  margin: 30px auto;
}

.wrapper {
  margin-bottom: 10px;
}

.box {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: relative;
  border: 2px solid orange;
  vertical-align: middle;
}

.box input {
  opacity: 0;
}

.box span {
  position: absolute;
  top: -10px;
  right: 3px;
  font-size: 30px;
  font-weight: bold;
  font-family: Arial;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  color: orange;
}

input[type="checkbox"] + span {
  opacity: 0;
}

input[type="checkbox"]:checked + span {
  opacity: 1;
}
</style>

<form action="#">
  <div class="wrapper">
    <div class="box">
      <input type="checkbox" checked="checked" id="username" /><span>√</span>
    </div>
    <label for="username">我是选中状态</label>
  </div>

  <div class="wrapper">
    <div class="box">
      <input type="checkbox"  id="userpwd" /><span>√</span>
    </div>
    <label for="userpwd">我是未选中状态</label>
  </div>
</form>
qq_28602827
qq_28602827 wrapper加一个data-class=‘checked_red’,在css里面设置checked_red{background:red},选中就在当前div加上checked_red
大约 2 年之前 回复
dingdingtop
dingdingtop 用outline属性
大约 2 年之前 回复
hbwang_716
wfutures 建议使用div模拟一个图片背景吧!
大约 2 年之前 回复
XiaoChen__
江边一帆舟 要先为checkbox设置 了宽高才可以设置边款颜色
大约 2 年之前 回复
qq_41418947
qq_41418947 input.is(':checkbox'){ border:1px solid red; }
大约 2 年之前 回复
showbo
支付宝加好友偷能量挖 这个漂亮。。
大约 2 年之前 回复

没办法修改原本的checkbox 的边框, 你可以自己弄一个嘛!反正别人可以看到点就可以了!

checkbox{
border:1px solid red;
}

weixin_36977678
乔岱马 不行
大约 2 年之前 回复

给CheckBox设置边框border:1px solid red;这样就可以了

weixin_36977678
乔岱马 不行
大约 2 年之前 回复

border:1px solid red;

weixin_36977678
乔岱马 不行
大约 2 年之前 回复

input.typeboxclass{
border:2px solid red;
}

你可以换个思路 用图片去代替默认的样式

没办法修改原本的checkbox 的边框, 你可以自己弄一个嘛!

共18条数据 1 尾页
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
我的input设置了border-color后,上面一半的边框和下面一半的边框颜色不一样,怎么办?

我的input设置了border-color后,上面一半的边框和下面一半的边框颜色不一样,怎么办?

Qt 复选框怎么改变样式

![图片说明](https://img-ask.csdn.net/upload/201603/17/1458188301_446159.png) 上图复选框样式怎么改成下面的样式 ![图片说明](https://img-ask.csdn.net/upload/201603/17/1458188289_981621.png)

echarts dataZoom 中边框线条粗细怎么调?

修改的时候发现可以修改border颜色,却没有找到修改border粗细的 屏幕变大的时候就线条就变得很细,不美观,请问大伙是修改哪个参数的?

判断是否checked然后给另外一个元素添加样式的选择器怎么写

我用js实现的这个,想纯用css 这里的选择器不会选,该怎么写? ![图片说明](https://img-ask.csdn.net/upload/201805/27/1527415839_535774.png) ![图片说明](https://img-ask.csdn.net/upload/201805/27/1527415856_125635.png) 主要就是通过是否checked控制left right,这个第二行代码选择器怎么写 同时最好解决一下代码冗余 ``` #switch{position: absolute;width: 50px; height: 30px; border-radius: 15px; background-color: white;top:5px;left: 5px} input:checked#switch{position: absolute;width: 50px; height: 30px; border-radius: 15px; background-color: white;top:5px;left: 5px} ``` ``` <main> <input type="checkbox" id="box" checked> <span id="switch" class="left"></span> <span class="bg"> <label for="box">ON</label> <label for="box">OFF</label> </span> </main> ```

火狐与 谷歌等其他浏览器,对tbody的position和border属性反应不一样我该怎么办

做项目遇到一个问题,其实很简单,但是只有火狐浏览器达到了我想要的效果,其他的都没有!不说废话了,直接上图 下面这个是**在火狐浏览器**上面打开,效果正常,是我想要的结果 就是给tbody绝对定位,然后给它里面的第二个tr(灰色背景的)相对定位,第二个tr的宽度设的是100%,想要的这个tr继承他父级tbody的宽度,但是在谷歌和ie等其他的浏览器打开效果就变了,接着往下看 ![图片说明](https://img-ask.csdn.net/upload/201711/25/1511601371_457274.png) 下面这个**是在谷歌浏览器上**打开的,存在2个问题, 第一个,我给tbody设了10px的上边框,在火狐上边有作用,导致第二个tr往上折叠了一点,这个在谷歌等其他浏览器上面都没有用。 第二个,就是开始我说的,第二个tr的宽度没有继承他父级tbody的宽度。 关于这个问题,我也研究了,之所以是这样的,是因为我给tbody的css修饰没起到作用,我在谷歌浏览器上操作了一下,把tbody的这个position:relative;和border这两个属性去掉不去掉是一样的效果 在火狐浏览器上面把position:relative;这个属性去掉加上就有区别。 然后我确定给tbody修饰的css属性,火狐浏览器识别并渲染了,但是谷歌等其他浏览器都没有就识别,但是就是不明白为什么,有没有大神帮我解释一下呀,然后我该怎么办才能让第二个tr的宽度跟tbody的是一样的, **最后说明一点**,不能说给tbody和tr设置一个固定像素的宽度,因为我是让他跟着屏幕的分辨率而改变他自己的宽度,所以是要用百分比作为宽度的单位的哦; 有没有大神帮我这个单双轮休的苦逼解决一下呀,已经苦恼我好多天了,也查了很多资料,貌似没有找到关于这个问题的的,所以只能。。。。 最后最后最后,十分感谢呀!!这是我第一次发帖呀呀呀呀!!!还有一个小时就下班儿,俺在线等,希望下周一能把这个问题解决了呀 ![图片说明](https://img-ask.csdn.net/upload/201711/25/1511601395_630686.png) 最后看我写的这一部分代码 ``` <table class="table table_list mt20"> <tbody> <tr class=""> <td>dsfsd<label class="selectBeautiful"><input type="checkbox" /><i>✓</i></label></td> <td>{{items.billNo}}</td> <td>{{items.billDate}}</td> <td>{{items.nodeOrgDesc}}</td> <td>{{items.disCount}}</td> <td>{{items.ioAmt}}</td> <td>{{items.actualAmt}}</td> <td>{{items.transDesc}}</td> </tr> <tr class="sales_trbj"> <td colspan="8"> <span class=""><i class="iconfont icon-zaicilinmo" title=""></i>再次下单</span> <span class=""><i class="iconfont icon-xiangqing" title="编辑"></i>编辑</span> <span class=""><i class="iconfont icon-yidayin" title=""></i>打印</span> </td> </tr> <style type="text/css"> /*table{position:relative;}*/ table tbody{border-top:10px solid blue;position:relative;} .sales_trbj{position:absolute;background:rgba(0,0,0,.5);width:100%;} </style> </tbody> </table> ```

各位老师好,我想通过js控制,使每行文字前面出现选择框,请大家教教我...

可是我一按按钮,只有第一行的文字前面出现checkbox选择框,想请教各位老师这个该怎么办... ``` <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> .aa{ display:none; } </style> </head> <body> <input type="checkbox" style="display:none;" class="aa" id="a" >啊啊啊</input><br> <input type="checkbox" style="display:none;" class="aa" id="a" >啊啊啊</input><br> <input type="checkbox" style="display:none;" class="aa" id="a" >啊啊啊</input> <input type="button" onclick="o()"></input> <script language="javascript"> function o(){ var b = document.getElementById("a"); b.style.display='inline'; } </script> </body> </html> ```

如何让input的背景图片位于距离右边框4px的地方?

如何让input的背景图片位于距离右边框4px的地方?或者说怎么改变背景图片的起始位置?

table内容是遍历出来的,并且有合并行未合并行,想实现隔行变色该怎么做。

``` <table id="sample2" width="100%" border="0" cellpadding="0" cellspacing="0"> <thead style="height: 40px"> <tr class="Reprot_Head" style="height: 40px"> <th style="width:4%">称谓</th> <th style="width:4%">姓名</th> <th style="width:4%">民族</th> <th style="width:4%">政治面貌</th> <th style="width:8%">身份证号<br>联系电话</th> <th style="width:20%">户口登记地详细地址<br>经常居住地详细地址</th> <th style="width:30%">户口登记地派出所名称、邮编<br>经常居住地派出所名称、邮编</th> <th style="width:10%">工作单位及职务<br>单位详细通信地址、邮编</th> <th style="width:5%">备注</th> <th style="width:10%">操作</th> </tr> </thead> <tbody> <s:iterator value="listqinshu" var="y" status="i"> <tr ondblclick="onshow(${y.qinshuid});"> <td class="left" rowspan="2" style="text-align: center;"> ${y.chengwei} </td> <td rowspan="2" style="text-align: center;"> ${y.xingming} </td> <td rowspan="2" style="text-align: center;"> ${y.minzu} </td> <td style="text-align: center;" rowspan="2"> <c:if test="${3 == y.mianmaoid }">群众</c:if> <c:if test="${2 == y.mianmaoid }">团员</c:if> <c:if test="${1 == y.mianmaoid }">党员</c:if> </td> <td> ${y.iccard } </td> <td style="text-align: left;"> ${y.jg_pro} &nbsp; ${y.jg_city} &nbsp;${y.jg_county} &nbsp;${y.jg_dizhi}</td> <td style="text-align: left;"> ${y.jgp_pro} &nbsp; ${y.jgp_city} &nbsp;${y.jgp_county} &nbsp;${y.jgp_yb}</td> <td> ${y.danwei} &nbsp; </td> <td rowspan="2" style="text-align: center;"> ${y.memo} </td> <td class="right" rowspan="2" style="text-align: center;"> <label> <input style="height: 12px;" <c:if test="${ 0 == y.check1}">checked="checked" </c:if> <c:if test="${0 != y.check1 && 4 != y.check1 && (1 == y.zhiye || 2== y.zhiye || 3== y.zhiye) }">checked="checked" </c:if> type="checkbox" id="checkbox1" name="qinshu_${y.qinshuid}" value="0" ></input></label> 工&nbsp;&nbsp;&nbsp;作&nbsp;&nbsp;单&nbsp;&nbsp;位&nbsp; <label><br> <input type="checkbox" style="height: 12px;" id="checkbox1" name="qinshu_${y.qinshuid}" value="1" <c:if test="${1 == y.check2}">checked="checked"</c:if> <c:if test="${ 1 != y.check2 && 4 != y.check2 && ( 0== y.zhiye || y.sftx==1)}">checked="checked"</c:if> ></input></label> 户&nbsp;籍&nbsp;派&nbsp;出&nbsp;所&nbsp;<label> <br> <input type="checkbox" id="checkbox1" style="height: 12px;" name="qinshu_${y.qinshuid}" value="2" <c:if test="${ 2 == y.check3 }"> checked="checked" </c:if> <c:if test="${ 2 != y.check3 && 4 != y.check3 && ( y.jgp_yb != y.jzp_yb)}"> checked="checked" </c:if> ></input></label> 现居住地派出所 </td> </tr> <tr> <td> ${y.mobile} </td> <td style="text-align: left;"> ${y.jz_pro} &nbsp; ${y.jz_city} &nbsp;${jz_county} &nbsp;${jz_dizhi} </td> <td style="text-align: left;"> ${y.jzp_pro} &nbsp; ${y.jzp_city} &nbsp;${y.jzp_county} &nbsp;${y.jzp_yb} </td> <td> ${y.tongxindizhi } ${y.dw_yb} </td> </tr> </s:iterator> </tbody> </table> ``` 之前写的代码是这样的, ``` $(document).ready(function(){   $('#sample2 > tbody tr:even').css('background','white');   $('#sample2 > tbody tr:odd').css('background','#f1f5f8'); }); ``` 但因为有合并行,table里面两个tr,变色就成这样了。 ![图片说明](https://img-ask.csdn.net/upload/201502/11/1423632073_858639.png)

设置清除浏览器默认样式后,列表符号为啥还在?

<head> <meta charset="UTF-8"> <title>Title</title> <style> <!--清除浏览器默认样式--> * { margin: 0; padding: 0; list-style: none; outline: none; } .bg{ width: 600px; height: 550px; background-image: repeating-radial-gradient(circle at 50% 50%,#333,#000 1%); margin: 50px auto; padding: 50px 40px 40px 40px; border-radius: 50%; border: 10px solid #ccc; } ul { width: 372px; height: 530px; background: #fff; margin: 0 auto; border-radius: 30px; box-shadow: 15px 15px 12px #000; } ul li { width: 372px; height: 55px; background: #504d58 url("images/yinfu.png") no-repeat 70px 20px; margin-bottom: 2px; font-size: 18px; color: #d6d6d6; line-height: 55px; text-align: center; font-family: "微软雅黑"; } ul .tp { width: 372px; height: 247px; background: #fff; background-image: url(images/yinyue.jpg), url(images/wenzi.jpg); background-repeat: no-repeat; background-position: 87px 16px, 99px 192px; border-radius: 30px 30px 0 0; } ul .yj{ border-radius: 0 0 30px 30px; } </style> </head> <body> <div class="bg"> <ul> <li class="tp"></li> <li>曾经的你</li> <li>蓝莲花</li> <li>last dance</li> <li>浪味仙</li> <li class="yj">是心动啊</li> </ul> </div> </body> 如上,设置了清除列表符号,但没有起作用,运行效果如下: ![图片说明](https://img-ask.csdn.net/upload/202002/29/1582972079_127966.png) 暂时解决方法是,给ul标签添加 list-style: none; padding: 0; 最终得到了想要的效果,如下图 ![图片说明](https://img-ask.csdn.net/upload/202002/29/1582972448_120398.png) 所以,请问为啥一开始设置的 全局清除列表符号、内边距为0 在此处无效?

通过ajax将jsp做的登录放在弹出框中提交时不能传递值

RT,下面是代码: 一:这是主页面单出窗的代码: ``` <p id="login_reg"> <a class="btn btn-large btn-success"><b>登录/注册 </b></a> </p> <script> $('#login_reg').click(function() { layer.open({ title : '登录/注册页面', time : 0, type : 1, skin : 'layui-layer-rim', //加上边框 area : [ '1000px', '500px' ], //宽高 content : $('#login_reg_window') }); }) </script> <script> $("#login_frame").load( "${pageContext.request.contextPath}/page/bizPage/login.jsp", function(response, status, xhr) { $('#login_frame').html(response); }); </script> <script> $("#register_frame").load( "${pageContext.request.contextPath}/page/bizPage/register.jsp", function(response, status, xhr) { $('#register_frame').html(response); }); </script> ``` 二:被调用的jsp代码 ``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>登录页_房屋中介网站</title> <link rel="stylesheet" href="${pageContext.request.contextPath}/ui/bs/css/bootstrap.min.css"> </head> <body> <div class="container-fluid" id="login_frame"> <div class="row"> <div class="col-md-3"></div> <div class="col-md-6"> <h1 style="text-align: center">登录</h1> <form class="form-horizontal" id="login_form" method="post" style="padding-top: 50px; padding-bottom: 100px"> <div class="form-group"> <label for="user_account" class="col-sm-2 control-label"> 用户名 </label> <div class="col-sm-10"> <input type="text" class="form-control" id="user_account" name="user_account" /> </div> </div> <div class="form-group"> <label for="user_password" class="col-sm-2 control-label"> 密码 </label> <div class="col-sm-10"> <input type="password" class="form-control" id="user_password" name="user_password" /> </div> </div> <div class="form-group"> <label class="col-sm-2 control-label"> </label> <div class="col-sm-10"> <div class="form-group"> <div class="col-sm-4"> <input type="checkbox" name="set_login_cookies" /> 下次自动登录 </div> <div class="col-sm-7"> <div class="form-group"> <div class="col-sm-10"> </div> <div class="col-sm-2"> <input type="submit" class="btn btn-primary" id="login_button" value="登录"> </div> </div> </div> </div> </div> </div> </form> </div> <div class="col-md-2"></div> </div> </div> <script src="${pageContext.request.contextPath}/ui/bs/js/jquery.min.js"></script> <script src="${pageContext.request.contextPath}/ui/bs/js/bootstrap.min.js"></script> <script> $(function() { $('#login_button').unbind("click").bind("click",function() { $.ajax({ type : 'POST', url : '${pageContext.request.contextPath}/userBiz', dataType : 'json', data : "user_account="+$("#user_account").val()+"&user_password="+$("#user_password").val()+"&action=login", //data: "user_account=admin&user_password=admin&action=login", success : function(msg){ if(msg.result==1){ alert("登陆成功"); location.reload(); }else{ alert(msg.msg); } } }) }) }) </script> </body> </html> ``` 如果单独使用登录页面的话后台可以接收到输入的用户名密码,但是通过主页面弹出到后,后台就接收不到用户名密码

php+mvc模式的登陆口验证码可以点击刷新,不会自动刷新,求大神解决

1:描述问题:网站首页登陆口不管如何刷新[F5],验证码都不会变。但是点击验证码的话可以变为新的验证码!而且我们使用验证码登陆成功后同时退出来,此时登陆口的验证码还是之前使用过的验证码,没有更新!请大神帮我解决下,贴出正确的代码!因为本人不是很懂,只会照葫芦画瓢!万分感谢!无解决方案的请别回复了谢谢! 文件名:PassportController 代码如下,这个应该是控制器 /* 生成验证码 */ public function verify() { $config = [ 'fontSize' => 19, // 验证码字体大小 'length' => 4, // 验证码位数 'imageH' => 34 ]; $Verify = new Verify($config); $Verify->entry(); } /* 验证码校验 */ public function check_verify($code, $id = '') { $verify = new \Think\Verify(); $res = $verify->check($code, $id); $this->ajaxReturn($res, 'json'); } public function accessRules() { return array( array('allow', // 允许所有用户访问 'login' 动作. 'users'=>array('*'), ), array('allow', // 允许认证用户访问所有动作 'users'=>array('@'), ), array('deny', // 拒绝所有的用户。 'users'=>array('*'), ), ); } /* 异地登录检测 */ public function actionPlaceOtherLogin() { if(isset($_POST['username']) && $_POST['username']!="" && isset($_POST['pwd']) && $_POST['pwd']) { $siteLogin=new SiteLoginForm; $siteLogin->username=$_POST['username']; $siteLogin->password=$_POST['pwd']; $siteLogin->verifyCode=$_POST['verifyCode']; $siteLogin->rememberMe=false; if($siteLogin->validate())//用户名密码正确 { $userinfo=User::model()->findByAttributes(array( 'Username'=>$_POST['username'], 'PassWord'=>md5($_POST['pwd']) )); if($userinfo->Status==0)//用户帐号没有被冻结,处于正常状态 { if($userinfo->PlaceOtherLogin==0)//用户没有开启异地登录,则允许用户直接提交登录 { echo "true"; }else//开启异地登录 { //1.检查此次登录的ip与最近一次登录的ip是否相同 $lastLoginLog=Loginlog::model()->find(array( 'condition'=>'userid='.$userinfo->id, 'order'=>'id desc' )); if($lastLoginLog->loginip===XUtils::getClientIP())//如果本次登录ip与最近一次登录ip相同则允许用户直接提交 { echo "true"; }else//如果不同则返回通知使用短信验证 { echo $userinfo->Phon;//需要手机接手短信验证码,返回手机号码,以便发送短信进行验证 } } }else//帐号被冻结 { echo "LOCK"; } }else { echo "FAIL"; } } } // 登陆口的文件名:index 代码如下 // <link rel="stylesheet" type="text/css" href="<?php echo VERSION2;?>2_files/index.css"> <div class="banNer"><!--首页幻灯--> <ul class="rslides" id="slider"> <li style="background: url(<?php echo VERSION2;?>img/banner/banner_tg.jpg) no-repeat center top;"> <li style="background: url(<?php echo VERSION2;?>img/banner/003.jpg) no-repeat center top;"> </li> </ul> <!--登录区域--> <div class="login_frame_bg" <?php if(Yii::app()->user->getId())echo 'style="display:none;"';?>> <div class="login_frame"> <span class="warningSpan"<?php if(isset($_GET['loginStatus']) && $_GET['loginStatus']=='fail') echo 'style="display:block;"';?>>用户名或密码错误</span> <div id="myForm"> <table> <form method="post" onsubmit="return checkLogin()" action="<?php echo $this->createUrl('passport/login');?>"> <tbody> <tr> <td> <div class="login_mailbox"> <input type="hidden" name="User[position]" value="index" /> <input id="lusername" type="text" name="User[Username]" autocomplete="off" placeholder="用户名"> </div> </td> </tr> <tr> <td> <p class="zq" id="miaoname" style="margin:-15px 0px 10px;"></p> </td> </tr> <tr> <td> <div class="login_ps"> <input id="lpassword" type="password" name="User[PassWord]" name="LoginForm[password]" placeholder="请输入密码"> </div> </td> </tr> <tr> <td> <table> <tr> <td> <input type="text" name="User[VerifyCode]" class="" placeholder="请输入右边验证码" style=" width: 170px; margin-right: 5px; border-radius: 5px; line-height: 35px; border: 1px solid #fff; padding-left: 5px;" id="verifyCode" /> </td> <td> <?php $this->widget( 'CCaptcha', array('showRefreshButton'=>false, 'clickableImage'=>true, 'imageOptions'=>array( 'alt'=>'点击换图', 'title'=>'点击换图', 'style'=>'cursor:pointer; background:#fff; height:27px; border-radius:5px;' ) ) ); ?> </td> </tr> </table> </td> </tr> <tr> <td> <p class="zq" style="height: 10px;"></p> </td> </tr> <tr> <td> <p id="miaopwd" class="zq" style="margin:-15px 0px 10px;"></p> </td> </tr> <tr> <td> <li style=" color:#fff; font-size:12px;"><input name="User[rememberMe]" type="checkbox" style="position: relative; top: 3px; width:12px;" /> 下次自动登录<a href="javascript:;" class="forgetPwd" style=" float:right; margin-right:28px; color:white;">忘记密码?</a></li><br /> </td> </tr> <tr> <td> <button class="login-btn" id="login_btn">登录</button> </td> </tr> <tr> <td> <span><a href="<?php echo $this->createUrl('passport/regist');?>" id="a">还没有账号?点击注册>></a></span> </td> </tr> </tbody> <form> </table> </div> </div> </div> <div class="indIntr" style="background="achose.png" ><!--系统优势--> <div class="why_main4 clearfix"> </div> </div> <script> //登录表单检测 function checkLogin() { if($("#lusername").val()=="") { layer.tips('用户名不能为空', '#lusername'); return false; }else if($("#lpassword").val()=="") { layer.tips('密码不能为空', '#lpassword'); return false; }else if($("#verifyCode").val()=="") { layer.tips('验证码不能为空', '#verifyCode'); return false; }else { var submitStatus=0;//提交状态初始化verifyCode var phone=0;//手机号码初始化 //检查是否开启异地登录 $.ajax({ type:"POST", url:"<?php echo $this->createUrl('passport/placeOtherLogin');?>", data:{ "username":$("#lusername").val(), "pwd":$("#lpassword").val(), "verifyCode":$("#verifyCode").val(), }, async:false, success:function(msg) { if(msg=="true")//不用检测 { submitStatus=1; }else if(msg=="FAIL")//用户名或密码不正确 { } else if(msg=="LOCK")//用户帐户被冻结 { submitStatus=3; }else//需要发送手机验证码 { phone=msg;//赋值用户手机号 submitStatus=2; } } }); /*alert(submitStatus); exit;*/ //检查是否开启异地登录 if(submitStatus==0)//用户名密码不正确 { layer.tips('用户名,密码或验证码不正确', '#lusername', { tips: [1, '#0FA6D8'] //还可配置颜色 }); return false; }else if(submitStatus==3) { //询问框 layer.confirm('<span style="color:red;">您的帐户已被冻结,如有需要请联系客服人员</span>', { btn: ['知道了'] //按钮 }); return false; }else if(submitStatus==1)//直接提交 { return true; }else//2表示需要发送短信验证码 { //发送验证码 $.ajax({ type:"POST", url:"<?php echo $this->createUrl('site/sms');?>", data:{"phone":phone,"phoneCode":"DONE"}, async:false, success:function(msgCode) { if(msgCode=="SUCCESS") { //询问框 layer.confirm('<span style="color:red;">短信发送成功(异地登录请输入手机验证码)</span><br/>验证码<input class="text1 phoneCodeVal" name="phoneCodeVal" />', { btn: ['确定提交'] //按钮 },function(){ if($(".phoneCodeVal").val()=="")//验证码不为空 { layer.tips('验证码不能为空', '.phoneCodeVal'); }else{ //发送手机号与验证码去验证正确性 $.ajax({ type:"POST", url:"<?php echo $this->createUrl('passport/userCheckPhoneAndCode');?>", data:{"phone":phone,"phoneCode":$(".phoneCodeVal").val()}, async:false, success:function(msgCertain) { if(msgCertain=="SUCCESS")//手机验证码检测通过 { //验证通过直接进行提交登录 $.ajax({ type:"POST", url:"<?php echo $this->createUrl('passport/codePassLogin');?>", data:{"username":$("#lusername").val(),"pwd":$("#lpassword").val()}, async:false, success:function(msglogin) { if(msglogin=="SUCCESS")//登录成功刷新当前页面 { location.reload(); //询问框 }else//登录异常刷新当前页面 { layer.confirm('<span style="color:red;">登录异常</span>,您可以联系客服人员', { btn: ['知道了'] //按钮 }); } } }); //验证通过直接进行提交登录 }else if(msgCertain=="CODEFAIL")//验证不正确 { layer.tips('验证码不正确', '.phoneCodeVal'); }else//手机号异常 { layer.tips('手机号码异常', '.phoneCodeVal'); } } }); //发送手机号与验证码去验证正确性 } }); }else { //询问框 layer.confirm('<span style="color:red;">异地登录验证-短信发送失败,可能发送次数过多</span>,您可以联系客服人员', { btn: ['知道了'] //按钮 }); phoneAndCodeCheckStatus=0; } } }); //发送短信验证码结束 return false; } } } //忘记密码 $(".forgetPwd").click(function(){ layer.open({ type: 2, title:'找回密码', area: ['375px','270px'], skin: 'layui-layer-rim', //加上边框 content: ['<?php echo $this->createUrl('passport/forgetPwd');?>', 'no'] }); }); </script> // 能帮我解决问题的才回复,或者还需要我提供什么的请留言,谢谢了,

大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了

大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

技术大佬:我去,你写的 switch 语句也太老土了吧

昨天早上通过远程的方式 review 了两名新来同事的代码,大部分代码都写得很漂亮,严谨的同时注释也很到位,这令我非常满意。但当我看到他们当中有一个人写的 switch 语句时,还是忍不住破口大骂:“我擦,小王,你丫写的 switch 语句也太老土了吧!” 来看看小王写的代码吧,看完不要骂我装逼啊。 private static String createPlayer(PlayerTypes p...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

点沙成金:英特尔芯片制造全过程揭密

“亚马逊丛林里的蝴蝶扇动几下翅膀就可能引起两周后美国德州的一次飓风……” 这句人人皆知的话最初用来描述非线性系统中微小参数的变化所引起的系统极大变化。 而在更长的时间尺度内,我们所生活的这个世界就是这样一个异常复杂的非线性系统…… 水泥、穹顶、透视——关于时间与技艺的蝴蝶效应 公元前3000年,古埃及人将尼罗河中挖出的泥浆与纳特龙盐湖中的矿物盐混合,再掺入煅烧石灰石制成的石灰,由此得来了人...

讲一个程序员如何副业月赚三万的真实故事

loonggg读完需要3分钟速读仅需 1 分钟大家好,我是你们的校长。我之前讲过,这年头,只要肯动脑,肯行动,程序员凭借自己的技术,赚钱的方式还是有很多种的。仅仅靠在公司出卖自己的劳动时...

上班一个月,后悔当初着急入职的选择了

最近有个老铁,告诉我说,上班一个月,后悔当初着急入职现在公司了。他之前在美图做手机研发,今年美图那边今年也有一波组织优化调整,他是其中一个,在协商离职后,当时捉急找工作上班,因为有房贷供着,不能没有收入来源。所以匆忙选了一家公司,实际上是一个大型外包公司,主要派遣给其他手机厂商做外包项目。**当时承诺待遇还不错,所以就立马入职去上班了。但是后面入职后,发现薪酬待遇这块并不是HR所说那样,那个HR自...

女程序员,为什么比男程序员少???

昨天看到一档综艺节目,讨论了两个话题:(1)中国学生的数学成绩,平均下来看,会比国外好?为什么?(2)男生的数学成绩,平均下来看,会比女生好?为什么?同时,我又联想到了一个技术圈经常讨...

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

我说我不会算法,阿里把我挂了。

不说了,字节跳动也反手把我挂了。

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

男生更看重女生的身材脸蛋,还是思想?

往往,我们看不进去大段大段的逻辑。深刻的哲理,往往短而精悍,一阵见血。问:产品经理挺漂亮的,有点心动,但不知道合不合得来。男生更看重女生的身材脸蛋,还是...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

你打算用Java 8一辈子都不打算升级到Java 14,真香

我们程序员应该抱着尝鲜、猎奇的心态,否则就容易固步自封,技术停滞不前。

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《经典算法案例》01-08:如何使用质数设计扫雷(Minesweeper)游戏

我们都玩过Windows操作系统中的经典游戏扫雷(Minesweeper),如果把质数当作一颗雷,那么,表格中红色的数字哪些是雷(质数)?您能找出多少个呢?文中用列表的方式罗列了10000以内的自然数、质数(素数),6的倍数等,方便大家观察质数的分布规律及特性,以便对算法求解有指导意义。另外,判断质数是初学算法,理解算法重要性的一个非常好的案例。

《Oracle Java SE编程自学与面试指南》最佳学习路线图(2020最新版)

正确选择比瞎努力更重要!

一文带你入门Java Stream流,太强了

两个星期以前,就有读者强烈要求我写一篇 Java Stream 流的文章,我说市面上不是已经有很多了吗,结果你猜他怎么说:“就想看你写的啊!”你看你看,多么苍白的喜欢啊。那就“勉为其难”写一篇吧,嘻嘻。 单从“Stream”这个单词上来看,它似乎和 java.io 包下的 InputStream 和 OutputStream 有些关系。实际上呢,没毛关系。Java 8 新增的 Stream 是为...

都前后端分离了,咱就别做页面跳转了!统统 JSON 交互

文章目录1. 无状态登录1.1 什么是有状态1.2 什么是无状态1.3 如何实现无状态1.4 各自优缺点2. 登录交互2.1 前后端分离的数据交互2.2 登录成功2.3 登录失败3. 未认证处理方案4. 注销登录 这是本系列的第四篇,有小伙伴找不到之前文章,松哥给大家列一个索引出来: 挖一个大坑,Spring Security 开搞! 松哥手把手带你入门 Spring Security,别再问密...

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

终于,月薪过5万了!

来看几个问题想不想月薪超过5万?想不想进入公司架构组?想不想成为项目组的负责人?想不想成为spring的高手,超越99%的对手?那么本文内容是你必须要掌握的。本文主要详解bean的生命...

我说我懂多线程,面试官立马给我发了offer

不小心拿了几个offer,有点烦

自从喜欢上了B站这12个UP主,我越来越觉得自己是个废柴了!

不怕告诉你,我自从喜欢上了这12个UP主,哔哩哔哩成为了我手机上最耗电的软件,几乎每天都会看,可是吧,看的越多,我就越觉得自己是个废柴,唉,老天不公啊,不信你看看…… 间接性踌躇满志,持续性混吃等死,都是因为你们……但是,自己的学习力在慢慢变强,这是不容忽视的,推荐给你们! 都说B站是个宝,可是有人不会挖啊,没事,今天咱挖好的送你一箩筐,首先啊,我在B站上最喜欢看这个家伙的视频了,为啥 ,咱撇...

代码注释如此沙雕,会玩还是你们程序员!

某站后端代码被“开源”,同时刷遍全网的,还有代码里的那些神注释。 我们这才知道,原来程序员个个都是段子手;这么多年来,我们也走过了他们的无数套路… 首先,产品经理,是永远永远吐槽不完的!网友的评论也非常扎心,说看这些代码就像在阅读程序员的日记,每一页都写满了对产品经理的恨。 然后,也要发出直击灵魂的质问:你是尊贵的付费大会员吗? 这不禁让人想起之前某音乐app的穷逼Vip,果然,穷逼在哪里都是...

2020春招面试了10多家大厂,我把问烂了的数据库事务知识点总结了一下

2020年截止目前,我面试了阿里巴巴、腾讯、美团、拼多多、京东、快手等互联网大厂。我发现数据库事务在面试中出现的次数非常多。

爬虫(101)爬点重口味的

小弟最近在学校无聊的很哪,浏览网页突然看到一张图片,都快流鼻血。。。然后小弟冥思苦想,得干一点有趣的事情python 爬虫库安装https://s.taobao.com/api?_ks...

立即提问
相关内容推荐