如何用php+mysql做一个表单提交

php+mysql应用还是非常广泛的，常见的百度竞价单页面里的表单提交就是用PHP+MySQL做的！以我做过的的项目http://works.weiyiqi.net/jinqi/list_tjckd.php为例来讲解怎么做。

首先介绍一下需要的几个文件：datecenter.php（用来从数据库读取已经提交的信息）；postdate.php（用来接收从表单传递来的值并写入数据表和判断是否提交成功）；list_tjckd.php（有表单的页面）。

第一步：建立表单。这里我一般用Dreamweaver插入表单和表格，因为方便。下面是我的表单：

第二步：写前端的js验证（也就是list_tjckd.php页面），下面是我的js代码。

<script> 
    <!-- 
    欠款种类验证--> 
    function checkkind() { 
        var kinds = document.form.qkzl.value; 
        if (kinds == "---请选择欠款种类---") { 
            alert("您还未选择欠款种类！"); 
            return false; 
        } else { 
            return true; 
        } 
    } 
 
    <!--欠款原因验证--> 
    function checkreason() { 
        var reasons = document.form.qkreason.value; 
        var reg = /^[\u4e00-\u9fa5]*$/; 
        if (reasons.length >= 10 && reasons.length <= 200) { 
            if (reg.test(reasons) == false) { 
                alert("您只能用汉字进行描述"); 
                return false; 
            } else { 
                return true; 
            } 
        } else { 
            alert("请输入10~200个汉字进行描述！"); 
            return false; 
        } 
    } 
 
    <!--欠债金额验证--> 
    function checkje() { 
        var ed = document.form.money.value; 
        var reg = /^\+?[1-9][0-9]*$/; 
        if (ed.length > 0) { 
            if (reg.test(ed) == false) { 
                alert("请输入一个非零正整数！"); 
                return false; 
            } else { 
                return true; 
            } 
        } else { 
            alert("请输入债权金额!"); 
            return false; 
        } 
    } 
 
    <!--债权人身份验证--> 
    function checkzq() { 
        var zqiden = document.form.identity.value; 
        if (zqiden == "个人" || zqiden == "企业") { 
            return true; 
        } else { 
            alert("您还未选择债权人的身份！"); 
            return false; 
        } 
    } 
 
    <!--债权人的名称验证--> 
    function checkzqname() { 
        var zqname = document.form.name.value; 
        var reg = /^[\u4e00-\u9fa5]*$/; 
        if (zqname.length >= 2 && zqname.length <= 20) { 
            if (reg.test(zqname) == false) { 
                alert("债权人名称只能为汉字！"); 
                return false; 
            } else { 
                return true; 
            } 
        } else { 
            alert("债权人名称不能为空，且不得超过20个汉字！"); 
            return false; 
        } 
    } 
 
    <!--债权人身份证号码验证--> 
    function checkzqsfzhm() { 
        var zqcard = document.form.card.value; 
        var reg = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/; 
        if (zqcard.length > 0) { 
            if (reg.test(zqcard) == false) { 
                alert("您输入的身份证号不正确，请重新输入！"); 
                return false; 
            } else { 
                return true; 
            } 
        } else { 
            alert("债权人身份证号不能为空！"); 
            return false; 
        } 
    } 
 
    <!--债权人手机号验证--> 
    function checkzqsjh() { 
        var zqsjh = document.form.sjhm.value; 
        var reg = /^1(3|4|5|7|8)\d{9}$/; 
        if (reg.test(zqsjh) == false) { 
            alert("请输入正确的11位债权人手机号码！"); 
            return false; 
        } else { 
            return true; 
        } 
    } 
 
    <!--被催收人身份验证--> 
    function checkcssf() { 
        var cssf = document.form.bidentity.value; 
        if (cssf == "个人" || cssf == "企业") { 
            return true; 
        } else { 
            alert("请选择被催收人的身份"); 
            return false; 
        } 
    } 
 
    <!--被催收人名称验证--> 
    function checkbcsname() { 
        var bcsname = document.form.bname.value; 
        var reg = /^[\u4e00-\u9fa5]*$/; 
        if (bcsname.length >= 2 && bcsname.length <= 20) { 
            if (reg.test(bcsname) == false) { 
                alert("被催收人名称只能为汉字！"); 
                return false; 
            } else { 
                return true; 
            } 
        } else { 
            alert("被催收人名称不能为空，且不超过20个汉字"); 
            return false; 
        } 
    } 
 
    <!--被催收人身份证号码验证--> 
    function checkbcsiden() { 
        var bcsiden = document.form.bcard.value; 
        var reg = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/; 
        if (reg.test(bcsiden) == false) { 
            alert("请输入正确的被催收人身份证号码（不影响表单内容的提交）"); 
            return false; 
        } else { 
            return true; 
        } 
    } 
 
    <!--被催收人手机号码验证--> 
    function checkbcswsjhm() { 
        var bcswsjhm = document.form.bsjhm.value; 
        var reg = /^1(3|4|5|7|8)\d{9}$/; 
        if (reg.test(bcswsjhm) == false) { 
            alert("请输入正确的被催收人手机号码！"); 
            return false; 
        } else { 
            return true; 
        } 
    } 
 
    <!--保证类型验证--> 
    function checktype() { 
        var type = document.form.danbao.value; 
        if (type == "有保证人" || type == "有保证物") { 
            return true; 
        } else { 
            alert("请选择是否有保证物或保证人！"); 
            return false; 
        } 
    } 
 
    <!--总验证--> 
    function checktotal() { 
        if (checkkind() && checkreason() && checkje() && checkzq() && checkzqname() && checkzqsfzhm() && checkzqsjh() && checkcssf() && checkbcsname() && checkbcswsjhm() && checktype()) { 
            document.form.submit(); 
        } 
        else { 
            window.location.href = "#form"; 
        } 
    } 
</script> 

本人不擅长js，所以写了一大堆，但这些足以解决表单验证问题。在这里要注意三点，总验证、表单提交的跳转和最后确认提交的onclick事件。确认提交的类型一定是button而不是submit，id和name的起名也不能是submit。不要问为什么，这都是经验。

if else语句是最符合常人逻辑的语句，把这个语句搞明白一般写js表单验证都不是问题。

第三步：把数据从数据库读取出来展现在一张表上（也就是datecenter.php）。因为代码太多，所以请大家下本页面，下载链接：https://pan.baidu.com/s/1i5Dt5hr 提取密码：30ky。

.sql文件就不给大家提供了，感兴趣的话可根据代码建数据库和数据表，建数据表一定要注意主键和自动增长列。