Jquery 異步提交表單

pooi 9年前發布 | 2K 次閱讀 JavaScript jQuery

前臺部分代碼:

<div id='error'></div><!--錯誤提示信息-->

<input type='text' id='username' name='username' readonly='Readonly'/><!--readonly為只讀-->

<input type='password' id='password' name='password'>
<input type='text' id='company' name='company'>
<input type='text' id='mobile' name='mobile'>
<input type='text' id='email' name='email'>
<button type='button' onclick='edit();'></button>

<script>
    function edit(){
        var password = $('#password').val();
        var company = $('#company').val();

        if(password == ''){
             $('error').show();
             $('error').html("密碼不能為空!");
             return.false;
        }
        else if(company == ''){
             $('error').show();
             $('error').html("公司名稱不能為空!");
             return.false;
        }else if(mobile.length<11){
             $('error').show();
             $('error').html("手機號碼不正確!");
             return.false;
        }else if(email){
            var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,4}$/;
            if(!myreg.test(email)){
                $('#error').show();
                $('#error').html("Email格式不正確!");
                return false;
        }
        else{
            $('#error').hide();
        }
        get_url = "{:U('Index/settingsave')}";
        $.ajax({
            url:get_url,
            type:'POST',
            data:{'password':password,'company':company,'mobile':mobile,'email':email},
            cache:false,
            dataType:"json",
            success:function(data){
                if(data.status == "success"){
                    $('#error').show();
                    $('#error').html(data.Msg);
                }else{
                    $('#error').show();
                    $('#error').html(data.Msg);
                }
            }
        });
        return false;
    }
</script>

后臺部分代碼:

<?php
    public function settingsave(){

        $user=M("user");
        $id=session("userid");
        $password=I("post.password");
        $data['Company']=I("post.company");
        $data['Mobile']=I("post.mobile");
        $data['Email']=I("post.email");


        if($password!=''){
            $data['Password']=md5($password);
        }
        $condition['Id']=$id;
        $result = $user->where($condition)->save($data);

        if($result !== false) {
            echo  '{"status":"success","Msg":"修改成功"}';

            die();
        }else{
            echo  '{"status":"false","Msg":"修改失敗"}';

            die();        

}
    }
?>


 本文由用戶 pooi 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!