邢栋博客
邢栋博客,Action博客,记录工作和生活中的点点滴滴
js四舍五入并保留两位小数
one:
<script type="text/javascript">
var a=2.1512131231231321;
document.write("原来的值:"+a+"<br>");document.write("两位小数点:"+a.toFixed(2)+"<br>四位小数点"+a.toFixed(4));
</script>
two:
<script type="text/javascript">
function turn(val){
var size = new Number(val);
return size.toFixed(2);
}
</script>
点击回车按钮执行表单提交
点击回车按钮执行表单提交 || 点击回车按钮执行提交按钮的点击事件
$(function () {
$('input').keyup(function (event) {if (event.keyCode == "13") {
$("#loginBt").click(); //提交按钮
return false;
}
});
})
用户登录前端验证(可继续验证后端)
html 代码
<form action="login.php" method="post" id="mylogin">
<div class="login_info"><div id="login_error"></div></div>
<div class="login_c1">
<input type="text" name="username" class="input1" placeholder="请输入用户名"
onblur="checkNamefor();" />
</div>
<div class="login_c1">
<input type="password" name="password" class="input1" placeholder="请输入密码"
onblur="checkPassfor();" />
</div>
<div class="login_c2">
<input type="text" name="code" class="input2" placeholder="验证码"
onblur="checkVerifyfor()" />
<a href="javascript:void(change_code(this));"><img src="{:U(MODULE_NAME.'/Login/verify','','')}" id="code"/></a>
<a href="javascript:void(change_code(this));" style="color:#666666;">看不清?</a>
</div>
<div class="login_c3">
<span class="input3" id="loginBt" onclick="loginSubmit();" />登录</span>
</div>
</form>
js代码
//显示错误信息
function tipShow(){
$("#login_error").show();
}
//隐藏错误信息
function tipHide(){
$("#login_error").hide();
}
//验证用户名初步
function checkNamefor() {
var tip = $("#login_error");
var nkName = $("input[name='username']").val();
if (nkName == "" || nkName == null) {
tip.html("请输入用户名");
tipShow();
return false;
}else{
tipHide();
return true;
}
}
//验证密码 初步
function checkPassfor() {
var tip = $("#login_error");
var pwd = $("input[name='password']").val();
if (pwd == null || pwd == "") {
tip.html("请输入密码");
tipShow();
return false;
}else {
tipHide();
}
return true;
}
//验证验证码初步
function checkVerifyfor() {
var tip = $("#login_error");
var vCode = $("input[name='code']").val();
if (vCode == null || vCode == "") {
tip.html("请输入验证码");
tipShow();
return false;
}else if (vCode.length!=4) {
tip.html("验证码的长度是4位哦");
tipShow();
return false;
}else {
tipHide();
}
return true;
}
//点击登录按钮验证
function loginSubmit(){
var tip = $("#login_error");
if(!checkNamefor()){
return;
}
if(!checkPassfor()){
return;
}
if(!checkVerifyfor()){
return;
}
var url = "checkLogin.php";
var userName = $("input[name='username']").val();
var password = $("input[name='password']").val();
var verifycode = $("input[name='code']").val();
$.post(url,{"username":userName,"userpass":password,"code":verifycode},function(data){
if(data.stat==1){
document.mylogin.submit(); //异步验证成功后 提交表单
}else if(data.stat==4){
tip.html("验证码不正确");
tipShow();
}else if(data.stat==2){
tip.html("用户名或密码错误");
tipShow();
}else if(data.stat==3){
tip.html("该用户被停用");
tipShow();
}else{
tip.html("请求错误");
tipShow();
}
}
);
}
php代码。checkLogin.php
根据post请求得到的参数 进行查数据库判断,返回
例如:
验证码错误 :
echo $data['stat'] == 4;
js时间转换函数
把时间转换成时间戳
<script type="text/javascript">
function transdate(Time){
var date=new Date();
date.setFullYear(Time.substring(0,4));
date.setMonth(Time.substring(5,7)-1);
date.setDate(Time.substring(8,10));
date.setHours(Time.substring(11,13));
date.setMinutes(Time.substring(14,16));
date.setSeconds(Time.substring(17,19));
return Date.parse(date)/1000;
}
document.write(transdate('2014-11-11 00:00:00'));
</script>
不使用submit按钮来提交表单
function gosubmit(){
document.myfrom.submit();
}
</script>
<form name="myfrom" method="post" action="post.php">
<input type="text" name="username" />
<span onclick="gosubmit()">提交</span>
</form>
chrome谷歌浏览器下input内text不垂直居中解决办法
加入样式
input { font:16px "Microsoft YaHei", arial; /*font:16px arial;*/ height:35px; line-height:35px\9; _line-height:36px; width:300px;; padding-left:4px; border:1px solid #ccc; }
网站后台ifarme下session失效后点击跳转到登陆页
MyIndex = '{:U(MODULE_NAME."/Login/index")}';//为跳转链接
if (top.location != self.location){
top.location = MyIndex;
}
</script>