加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Ajax Jquery 提交验证页面数据

发布时间:2020-12-16 03:27:02 所属栏目:百科 来源:网络整理
导读:$( function () { //需要检查为空的输入框的id数组 var nullCheckArray = new Array ( "username" , "password" , "tel" ); //需要检查数组类型的输入框的id数组 var numberCheckArray = new Array ( "age" , "sex" , "tel" ); $( "#submit" ).click( functi
$(function(){
    //需要检查为空的输入框的id数组
    var nullCheckArray = new Array(
        "username","password","tel"
    );
    //需要检查数组类型的输入框的id数组
    var numberCheckArray = new Array(
        "age","sex","tel"
    );

    $("#submit").click(function(){
        //检查为空
        checkNull(nullCheckArray);
        //检查数字类型
        checkNumber(numberCheckArray);
        //提交数据
        userInfoPost(/user/add.do);
    });

    //检查输入框是否为空
    function checkNull(idList){
        if(idList != null && idList.length > 0){
            for(var i = 0;i < idList.length;i++){
                var elem = $("#"+idList[i]);
                    var val = elem.val();
                    if($.trim(val) == ""){
                        alert(elem.prev().text+"不能为空!");
                        return false;
                    }
            }
            return true;
        }else{
            return false;
        }
    }

    //监听输入框输入类型
    function checkNumber(idList){
        if(idList != null && idList.length > 0){
            for(var i = 0;i < idList.length;i++){
                var elem = $("#"+idList[i]);
                //失去焦点事件
                elem.blur(function(){
                    var val = elem.val();
                    if(!$.isNumeric(val)){
                        alert(elem.prev.text+"为数字类型");
                        return false;
                    }
                });
            }
            return true;
        }else{
            return false;
        }
    }

    //根据id获取一个input元素的值
    function V(id){
        return $.trim($("#"+id).val());
    }

    //提交用户信息
    function userInfoPost(url){
        //取值
        var username = V("username");
        var password = V("password");
        var age = V("age");
        var sex = V("sex");
        var tel = V("tel");
        //封装js对象
        var userInfo = {
            "username" : username,"password" : password,"age" : age,"sex" : sex,"tel" : tel,};
        //提交
        $.ajax({
            type : "post",url : url,data : userInfo,success : function(data){
            //接收服务端返回值
            alert(data);
            //设置文本框不可编辑
            $(".user-info input[type=text]").each(function(){
                $(this).attr("readonly","readonly");
                $(this).attr("disabled","disabled");
            });
            //显示一个div
            $("#div1").css("display","block");
            //隐藏一个div
            $("#div2").css("display","none");
            }
        });
    }
});

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读