无需申请自动送彩金68_白菜送彩金网站大全[无需申请秒送彩金]
做最好的网站
来自 无需申请自动 2019-07-14 06:01 的文章
当前位置: 无需申请自动送彩金68 > 无需申请自动 > 正文

JavaScript小技巧整理,javascript数据类型验证方法

您可能感兴趣的文章:

  • JQuery中Bind()事件用法分析
  • jQuery中bind()方法用法实例
  • jQuery中unbind()方法用法实例
  • jQuery的bind()方法使用详解
  • jQuery unbind()方法实例详解
  • jQuery使用技巧简单汇总
  • jQuery on()方法使用技巧详解
  • jQuery 常见开发使用技巧总结
  • 更高效的使用JQuery 这里总结了8个小技巧
  • jquery中关于bind()方法的使用技巧分享
<script type="text/javascript"> 
//<![CDATA[ 
document.write(isString('test'),'<br/>'); 
document.write(isString(10),'<br/>'); 
function isString(str){ 
return (typeof str=='string')&&str.constructor==String; 
} 
//]]> 
</script>

3.获取多个checkbox中被选中的那个的值,代码如下

  1. 替换元素
    Want to replace a div, or something else?
<script type="text/javascript">
linenum
//<![CDATA[ 
document.write(isObject(new Object()),'<br/>'); 
document.write(isObject(10),'<br/>'); 
function isObject(obj){ 
return (typeof obj=='object')&&obj.constructor==Object; 
} 
//]]> 
</script>

本文整理总结了JavaScript的小技巧。分享给大家供大家参考,具体如下:

  1. 验证元素是否存在于jquery对象集合中
    Simply test with the .length property if the element exists.
<script type="text/javascript"> 
//<![CDATA[ 
document.write(isFunction(function test(){}),'<br/>'); 
document.write(isFunction(10),'<br/>'); 
function isFunction(obj){ 
return (typeof obj=='function')&&obj.constructor==Function; 
} 
//]]> 
</script>

4.设置checkbox选中

  1. 验证元素是否为空
    This will allow you to check if an element is empty.

5 判断是否为函数 代码如下:

user.id_pic1 = $($("#shopregister .id_pic")[0]).attr("title");
user.id_pic2 = $($("#shopregister .id_pic")[1]).attr("title");
user.id_pic3 = $($("#shopregister .id_pic")[2]).attr("title");
  1. 禁用Jquery(动画)效果
    Disable all jQuery effects
<!DOCTYPE html> 
<html> 
  <head> 
    <meta charset="utf-8"> 
    <title></title> 
  </head> 
  <body> 

  </body> 
<script type="text/javascript"> 
//isString 
//isNumber 
//isDate 
//isError 
//isRegExp 
//直接利用和数据类型来判断 
[].forEach.call(['String','Number','Date','Error','RegExp'],function(name){ 
  this['is' name]=function(obj){ 
    return toString.call(obj)==='[object ' name ']'; 
  }; 
}); 
//isBoolean 
//true和false需要考虑在内 
Object.prototype.isBoolean=function(obj){ 
  return obj===true||obj===false||toString.call(obj)==='[object Boolean]'; 
}; 
//isNull 
//未找到所指向对象 
Object.prototype.isNull=function(obj){ 
  return obj===null; 
}; 
//isUndefined 
//定义了但是未赋值 
Object.prototype.isUndefined=function(obj){ 
  return obj===void 0; 
}; 
//isObject 
//函数和数组都是对象 
Object.prototype.isObject=function(obj){ 
  var type = typeof obj; 
  return type === 'function' || type === 'object' && !!obj; 
}; 

//test 
//isString 
var str="iamstring"; 
var a=isString(str); 
console.log(a);//true 

//isNumber 
var b=isNumber(a); 
console.log(b);//false 

//isNumber 
var num=4; 
var c=isNumber(num); 
console.log(c);//true 

//isRegExp 
var reg=/^[1-9]/; 
var d=isRegExp(reg); 
console.log(d);//true 

//isDate 
var date=new Date(); 
var e=isDate(date); 
console.log(e);//true 

//isBoolean 
var bool=false; 
var f=isBoolean(bool); 
console.log(f);//true 

//isNull 
var nul=document.getElementById("div02"); 
var g=isNull(nul); 
console.log(g);//true 

//isUndefined 
var undef; 
var h=isUndefined(undef); 
console.log(h);//true 

//isObject 
var obj={"1":"1","2":"2"}; 
var i=isObject(obj); 
console.log(i);//true 

</script> 
</html> 
<input name='is_refund' id='refund_1' type='radio' value='1' />
<input name='is_refund' id='refund_0' checked='checked' type='radio' value='0' />
$("#shopregister input[name='is_refund']:checked").val();
  1. 页面样式切换
<script type="text/javascript"> 
//<![CDATA[ 
document.write(isNumber('test'),'<br/>'); 
document.write(isNumber(10),'<br/>'); 
function isNumber(obj){ 
return (typeof obj=='number')&&obj.constructor==Number; 
} 
//]]> 
</script>

希望本文所述对大家JavaScript程序设计有所帮助。

  1. jQuery延时加载功能
    Want to delay something?

6 判断是否为对象 代码如下:

2.判断input type='checkbox' 是否被选中,代码如下

  1. 使用自己的 Bullets
    Want to use your own bullets instead of using the standard or images bullets?

以下主要是对判断javascript的数据类型进行了详细的介绍,分为六种数据类型,需要的朋友可以过来参考下,希望对大家有所帮助
1、判断是否为数组类型 代码如下:

5.获取多张图片中title属性的值

$(document).ready(function() {
  $("p").size();
});

4 判断是否为日期类型
代码如下:

6.ajax提交过程中显示进度图片

  1. 统计元素个数
    Count an element.

3 判断是否为数值类型
代码如下:

//选择时间
$("#end_time").on("click",function(event){
  event.preventDefault();
  plus.nativeUI.pickDate( function(e){
   var d = e.date;
//   console.log(d.Format('yyyy-MM-dd'));
   $("#end_time").val(d.Format('yyyy-MM-dd'));
  },function(e){
   console.log( "未选择日期:" e.message );
  },{title:"请选择到期时间",minDate:new Date()}); 
});
$(document).ready(function() {
  $().mousemove(function(e){
   //display the x and y axis values inside the div with the id XY
  $('#XY').html("X Axis : "   e.pageX   " | Y Axis "   e.pageY);
 });
// how to use
<DIV id=XY></DIV>

});

您可能感兴趣的文章:

  • 工作中比较实用的JavaScript验证和数据处理的干货(经典)
  • 常用的js验证和数据处理总结
  • JSP使用JDBC完成动态验证及采用MVC完成数据查询的方法
  • 常用的Javascript数据验证插件
  • javascript常见数据验证插件大全
  • 如何使用JavaScript和正则表达式进行数据验证
  • asp.net中JavaScript数据验证实现代码
  • js方法数据验证的简单实例

您可能感兴趣的文章:

  • js操作table元素实现表格行列新增、删除技巧总结
  • JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
  • js性能优化技巧
  • JavaScript 七大技巧(二)
  • JavaScript 七大技巧(一)
  • JavaScript正则表达式解析URL的技巧
  • JavaScript截取、切割字符串的技巧
  • JavaScript小技巧整理篇(非常全)
  • Javascript小技能总结(推荐)
$(document).ready(function() {
  $('#id').replaceWith('
<DIV>I have been replaced</DIV>

');
});

希望本文所述对大家学习javascript程序设计有所帮助。

$("[name='checkbox']:even").attr("checked",'true'); //如果这货不管用请用prop

  1. 列高度相同
    如果使用了两个CSS列,使用此种方式可以是两列的高度相同。
<script type="text/javascript"> 
//<![CDATA[ 
document.write(isDate(new Date()),'<br/>'); 
document.write(isDate(10),'<br/>'); 
function isDate(obj){ 
return (typeof obj=='object')&&obj.constructor==Date; 
} 
//]]> 
</script>
$.ajax({
  type: 'POST',
  url: configManager.RequstUrl   "/api/user/createstore",
  data: postdata,
  beforeSend:function(){ $("#waitingupload").removeClass("heisebghid").addClass("heisebg");}
}).done(function (data) {
  $("#waitingupload").removeClass("heisebg").addClass("heisebghid");
  if ("success" == data.state) {
   //服务端成功
  }
  else {
   //服务端失败
  }
}).fail(function () {
  //ajax请求失败
});
$(document).ready(function() {
function equalHeight(group) {
  tallest = 0;
  group.each(function() {
    thisHeight = $(this).height();
    if(thisHeight > tallest) {
      tallest = thisHeight;
    }
  });
  group.height(tallest);
}
// how to use
$(document).ready(function() {
  equalHeight($(".left"));
  equalHeight($(".right"));
});
});

2 判断是否为字符串类型
代码如下:

1.组织默认事件

[code]//Example 1
<SCRIPT src=">
<SCRIPT type=text/javascript>
google.load("jquery", "1.2.6");
google.setOnLoadCallback(function() {
    // do something
});
</SCRIPT><SCRIPT type=text/javascript src=">
 
 // Example 2:(the best and fastest way)
<SCRIPT type=text/javascript src="]

<STRONG><script type="text/javascript"> 
//<![CDATA[ 
var a=[0]; 
document.write(isArray(a),'<br/>'); 
function isArray(obj){ 
return (typeof obj=='object')&&obj.constructor==Array; 
} 
//]]> 
</script></STRONG>

阻止默认事件,h5默认的input type='date'在某些浏览器和android设备上没有效果,这时要调用h5 的时间选择器,但是要组织input默认的click事件,代码如下:

  1. 克隆对象
    Clone a div or an other element.

最近对javascript数据类型的验证又有了一个新的认识,原来可以判断得这么简单又如此全面。
我们自定义了isString,isNumber ,isDate ,isError ,isRegExp ,isBoolean ,isNull ,isUndefined ,isObject等方法。现在将自己定义的javascript数据类型验证函数及测试集展示:

复制代码 代码如下:

  1. 返回页面顶部功能
    For a smooth(animated) ride back to the top(or any location).
if (!$("#shopregister #checkaggree").is(":checked")) {
  alert("请同意注册协议");
  return false;
}
$(document).ready(function() {
// Target Firefox 2 and above
if ($.browser.mozilla && $.browser.version >= "1.8" ){
  // do something
}

// Target Safari
if( $.browser.safari ){
  // do something
}

// Target Chrome
if( $.browser.chrome){
  // do something
}

// Target Camino
if( $.browser.camino){
  // do something
}

// Target Opera
if( $.browser.opera){
  // do something
}

// Target IE6 and below
if ($.browser.msie && $.browser.version <= 6 ){
  // do something
}

// Target anything above IE6
if ($.browser.msie && $.browser.version > 6){
  // do something
}
});

本文由无需申请自动送彩金68发布于无需申请自动,转载请注明出处:JavaScript小技巧整理,javascript数据类型验证方法

关键词: 注册送体验金