【php页面表单提交】form校验后再提交，非ajax提交

最新推荐文章于 2025-09-11 21:23:01 发布

转载最新推荐文章于 2025-09-11 21:23:01 发布 · 199 阅读

文章标签：

#php

本文介绍了一个简单的表单提交过程，包括HTML表单元素定义及使用jQuery进行非AJAX提交前的数据验证。表单包含姓名、手机号和留言三个字段。

form表单校验后，在执行提交动作：

<form method="post" action="{:U('Custom/addmsg')}" id="massage">
                    <ul>
                        <li><input name="name" maxlength="18" type="text" placeholder="您的姓名" class="text1" /></li>
                        <li><input name="mobile" maxlength="11" type="text" placeholder="您的手机" class="text1" /></li>
                        <li><textarea name="message" maxlength="300" class="text2" placeholder="您的留言"></textarea></li>
                    </ul>
                    <input type="text" readonly value="提交" class="sub-btn message" />
                </form>

js：

//message表单非ajax提交
    $(".message").click(function(){
        var name = $.trim($("input[name='name']").val());
        var mobile = $.trim($("input[name='mobile']").val());
        var message = $.trim($("textarea[name='message']").val());
        if(name && mobile && message){
            $("#message").submit();
    })

关注博主即可阅读全文