JQUERY--ajax、正则验证等

最新推荐文章于 2022-09-17 13:03:32 发布

原创最新推荐文章于 2022-09-17 13:03:32 发布 · 468 阅读

0 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了 JQuery 的一些实用技巧，包括如何使用 parseInt() 进行数值处理、使用 nextAll() 删除所有子节点、从下拉菜单中获取属性值、实现弹窗跳转页面效果、使用 Ajax 发送请求等。同时提供了正则表达式的实例，帮助开发者进行表单验证。

JQUERY--常用操作

jquery中的加减要加上parseInt();

删除所有的子节点nextAll()

在下拉菜单中获取属性值

	$(function(){
		 $(document).on('change',"select[name='regs[]']",function(){
		 	var regid = $(this).find('option:selected').attr('reg');
		 	alert(regid);
		 })
	})

弹出框调页面

"<script>alert('');location.href='';</script>";

原始ajax传值:

$.ajax({
            type: "get",//数据发送的方式（post 或者 get）
            url: "/admin/index",//要发送的后台地址
            data: {val1:"1",val2:"2"},//要发送的数据（参数）格式为{'val1':"1","val2":"2"}
            dataType: "json",//后台处理后返回的数据格式
            success: function (data) {//ajax请求成功后触发的方法
               alert('请求成功');
            },
            error: function (msg) {//ajax请求失败后触发的方法
                alert(msg);//弹出错误信息
            }
        });
});

jquer中ajax传值:

   $("#batch").click(function(){
        var list = $('input[name="box[]"]');
        var arrid = "";
               //循环方式
            $.each(list,function(i,n){
                if (n.checked==true) { 
               arrid = arrid +','+$(this).parent().parent().attr('trid');              
                }
          });
               //截取字符串
          var arrid = arrid.substr(1);
               //get传值方式$.get("地址","{‘名’：内容 }"，function(回掉函数));
        $.get("?r=cart/batch",{"传值名1":值,"传值名2":值},function(data){
            if (data!=0) {
              window.location.reload();
            }
            });
     })
  if ($(this).prop('checked')) {
    $(".list").attr('checked',true);
  }else{
    $(".list").attr('checked',false);
  }

  }

常用正则

　　常用正则表达式举例：

　　//用户名由6-18位的字母数字下划线组成，不能由数字开头

　　var r_name=/^[a-z_]\w{5,17}$/i

　　//密码长度不能少于六位

　　var r_pwd=/^\w{6,}$/

　　//所有的通用邮箱地址

　　var r_eamil=/^\w+@\w+(\.)\w+$/

　　//匹配一个QQ邮箱地址

　　//861745122@qq.com

　　var r_qq_email=/^\d{5,}@qq(\.)com$/

　　//匹配一个163的邮箱地址

　　var r_163_email=/^\w+@163(\.)com$/

　　//匹配一个后缀名可能是.com|.net|.cn|.edu

　　var email=/^\w+@\w+(\.)com|net|cn|edu$/

　　//要求输入有效的年龄段

　　var r_age=/^\d{1,2}$/

　　//if(age>=18&&age<=100)

　　//验证手机号:11位  13 15 18开头

　　var r_tel=/^1[3,5,8]\d{9}$/

　　//验证身份证号  18位或者17位加一个X

　　var r_s=/^\d{18}|\d{17}x$/i

　　//验证中文

　　var reg=/^[\u4e00-\u9fa5]{2,17}$/

　　//php中文

$reg = “/^[\x{4e00}-\x{9fa5}]$/u”

tab选项卡

$(document).ready(function()
{
   $(document).on("click","#ul li",function(){
            var _this = $(this);
            _this.addClass("active");
            _this.siblings().removeClass("active");
   })
})