【php页面表单提交】form校验后再提交,非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();
    })

原文地址:https://www.cnblogs.com/xuzhengzong/p/9128669.html

时间: 2024-11-17 10:28:11

【php页面表单提交】form校验后再提交,非ajax提交的相关文章

JavaScript学习——完成注册页面表单校验

1.步骤分析 第一步:确定事件(onsubmit)并为其绑定一个函数 第二步:书写这个函数(获取用户输入的数据<获取数据时需要在指定位置定义一个 id>) 第三步:对用户输入的数据进行判断 第四步:数据合法(让表单提交) 第五步:数据非法(给出错误提示信息,不让表单提交) 问题:如何控制表单提交? 关于事件 onsubmit:一般用于表单提交的位置,那么需要在定义函数的时候给出一个 返回值. onsubmit = return checkForm() 2.完成注册页面表单校验(基于HTML&a

asp页面表单提交在后台不能获取问题

今天碰到一个奇葩的问题,asp页面表单提交后,有一个文本框<input type="text" name="phone" id="phone" />在后台获取不了, 这个标签在form表单内,也有name属性,但是在后台就是获取不了这个标签的值,而其他的文本框.复选框都可以获取到,这可就奇怪了! 几经周折,终于找到了原因,原来我在提交表单的时候,name = "phone"这个标签此时在一个javascript事件

使用JQuery.Validate插件来校验页面表单有效性

使用JQuery.Validate插件来校验页面表单有效性?1. [代码] 常见的注册表单元素 <form action="#" method="post"  id="regist">     <table cellpadding="0" cellspacing="0" border="0" class="form_table">      

js页面表单校验

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <title>表单校验.&l

向后台提交数据:通过form表单提交数据需刷新网页 但通过Ajax提交数据不用刷新网页可通过原生态Ajax或jqueryAjax。Ajax代码部分

原生态Ajax提交表单:需要借助XMLHttpRequest对象的open,要收通过post发送请求还要setRequsetHeader,然后把数据发送给后端,代码如下 目录结构 index.py代码 1 #index.py 2 #!/usr/bin/env python 3 #-*- coding:utf-8 -*- 4 import tornado.web 5 import tornado.ioloop 6 class indexHandler(tornado.web.RequestHand

HTML 之 Web页面表单form中只有一个input的text元素,按回车默认提交

WEB开发中,如果页面的 form 中只有一个input元素,在该input元素的输入框中按回车(注:此时并没有写对应的onkeydown等事件处理),则浏览器会默认提交表单,请看如下代码: <html> <head> <title>页面中只有一个input元素时默认提交表单</title> </head> <body> <form action="http://www.baidu.com" name=&qu

JS应用实例1:使用JS完成注册页面表单校验

这里是简单的前端校验,后边还会介绍后台的校验. 多重校验保证获取安全数据 步骤: 1.确定事件onsubmit,并绑定函数 2.编写函数,作用是获取输入数据 3.判断数据是否合法,合法则提交,否则表单不提交 HTML代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> &

JavaScript学习——完善注册页面表单校验

1.之前我们已经使用弹出框的方式实现了表单校验的功能,但是此种方式用户体验效果很差 我们希望做成把提示信息和校验结果放在输入栏的后面. 2.步骤分析 (此案例基于HTML&CSS--网站注册页面实现的) 第一步:确定事件(onfocus 聚焦事件)并为其绑定一个函数 第二步:书写绑定函数(在输入框的后面给出提示信息) 第三步:确定事件(onblur 离焦事件)并为其绑定一个函数 第四步:书写函数(对数据进行校验,分别给出提示) JS代码:(传入参数的目的减少重复代码,增加通用性) 1 <sc

HTML页面表单输入框去掉鼠标选中后边框变色的效果

标题说的有些含糊,实在不知道怎么描述了,就简单说一下吧,一个最简单的表单,代码如下,没有任何样式和名字, 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>文本框鼠标点中时边框不变色</title> 6 </head> 7 <body> 8 <input type="text"