jQuery Ajax Submit(Ajax提交表单),加入表单验证

No Comments

不需要修改html,但验证的时候需要写正则,已经提供了常用的正则表达式,只是写的不太严谨,演示在下面

javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
//ajax submit by Leon
//正则写的并不严谨,各位可以根据需要自己改一下
function ajaxSubmit(){
    $('.errinfo').remove();//移除上一次的验证提示信息
    var params = {};
    $("input:checked, :text, :hidden, :password,select, textarea").map(function() { 
        if($(this).attr('name')=='name' && $.trim($(this).val())==''){ //验证是否为空
            $(this).parent().append('<span class="errinfo">此项不能为空</span>');
        }else if($(this).attr('name')=='email' && !/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test($(this).val())){ //验证email
            $(this).parent().append('<span class="errinfo">电子邮件格式不正确</span>');
        }else if($(this).attr('name')=='tel' && !/^(1\d{10})$/.test($(this).val())){  //验证手机号
            $(this).parent().append('<span class="errinfo">手机号码格式不正确</span>');
        }else if($(this).attr('name')=='date' && !/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/.test($(this).val())){  //验证日期格式yyyy-mm-dd
            $(this).parent().append('<span class="errinfo">日期格式不正确</span>');
        }
        params[$(this).attr('name')] = $(this).val();
    }); 
    if($('.errinfo').size()==0){
        $.ajax({
            type:"POST", url:"submit.php", data:params, dataType:"json",
             success: function(data){
                //提交成功后要进行的操作
             },
             error:function(){
                alert('err');
             }
        });
    }
}

More

jQuery Ajax submit(Ajax 提交表单)

2 Comments

简单,但应该挺实用的.

javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
//leon.nerr@gmail.com 
//leon.nerr@gmail.com 
function update(){
    var params = {};
    $("input:checked, :text, :hidden, :password,select, textarea").map(function() {
        params[$(this).attr('name')] = $(this).val();
    });
    $.ajax({
        type:"POST", url:"submit.php", data:params, dataType:"json",
        success: function(data){
            //
        },
        error:function(){
            alert('err');
        }
    });
}

jQuery 1.4发布

No Comments

logo_jquery_215x53

好久没上上jQuery的网站了,刚刚上去发现1.4版本已经在本月14号发布了,看来我真是out了,还不知道更新了什么东西,明天要研究一下,今天就到这里吧,“五杯”!

the jQuery 1.4 docs

jQuery抽奖程序v2

1 Comment

draw02

领导就是领导,不得不叫人佩服,我每一次按着他的要求改完之后他老人家总会有新的思路,提出新的要求,貌似有些拍脑袋的嫌疑。我只是个干活的,没有选择……好在年会就快到了,希望这是最后一个版本吧。

这次加入了jQuery Tools插件的scrollable,不得不说jQuery Tools是个绝好的选择,非常的方便,基本上可以取代jQuery UI了。按键盘321键分别开始各奖级的滚动,以Enter键做为停止;鼠标或键盘左右方向键可以控制各奖级面页的切换(就是这个用到了scrollable)。下面的蓝色是特别奖,懒的改了,需要的朋友自己搞下吧。

演示地址: http://demo.nerrsoft.com/draw2

jQuery抽奖程序

6 Comments

draw01

临近公司年会了,领导安排给了个活儿,说要搞个抽奖程序:像电视里那样的……

那样啊?他也不知道。反正就得搞。搞吧!高级语言咱也不会,首先想到的就是js,碰巧最近在研究jQuery,那就试试看吧。

演示:http://demo.nerrsoft.com/draw

按任意键开始,三等奖和二等奖每按一次出10个,一等奖按一次出5个,特别奖按一次出1个。(PS:1024*768的分辨率下全屏浏览效果比较好^^)

不发代码了,需要的兄弟留言吧。

jQuery抽奖程序 v2 http://nerrsoft.com/638.html