用html5自带表单验证 并且用ajax提交的解决方法(附例子)

用submit来提交表单,然后在js中监听submit方法,用ajax提交表单最后阻止submit的自动提交。

在标准浏览器中,阻止浏览器默认行为使用event.preventDefault(),而在IE6~8中,使用returnValue属性来实现。

<html>
<head>
    <script type="text/javascript" src="jquery-1.9.0.min.js"></script>
</head>
<body>
    <form action="" id=‘submitform‘>
        username: <br>
        <input type="text" name="username" value="" required="required"> <br>
        password: <br>
        <input type="text" name="password" value="" required="required"> <br><br>
        <input type="submit" value="Submit">
    </form>
    <script type="text/javascript" language="javascript">
        $("#submitform").on("submit", function(event) {
            $.ajax({
                ......
            });
            //阻止submit表单提交
            event.preventDefault();
            //或者return false
            //return false;
        });
    </script>
</body>
</html>

原文地址:https://www.cnblogs.com/niuben/p/11431482.html

时间: 2024-10-27 00:02:03

用html5自带表单验证 并且用ajax提交的解决方法(附例子)的相关文章

html5 自带表单验证怎么禁用

HTML5加强了表单验证功能,可验证是否可空及输入内容的类型及格式,并可通过为表单或控件设置 novalidate 属性指定在提交表单时不验证整个 form 或指定的input. 例: ENDINPUT验证INPUT 标签中通过 type属性指定输入内容类型:email,指定输入内容为电子邮件地址.url,指定输入内容为URL.number,指定输入内容为数字,并可通过 min.max.step 属性指定最大最小及间隔.date.month.week.time.datetime.datetime

discuze回放提示“抱歉,您的请求来路不正确或表单验证串不符,无法提交”

不知从哪里看到文章,但是实用: 背景:discuze就单纯的录制一个注册脚本,日志中没有报错,在报告中就提示“抱歉,您的请求来路不正确或表单验证串不符,无法提交””,以下方法可以解决 一般出现 “抱歉,您的请求来路不正确或表单验证串不符,无法提交” 这种问题的地方都是在提交表单的时候出现的. 因为discuz 在提交表单的时候 会进行校验,submitcheck()函数,这个函数首先会校验表单中的formhash,如果formhash出现问题,那么就会出现“抱歉,您的请求来路不正确或表单验证串不

Discuz X3.1微信打通版,发布回复时出现提示:您的请求来路不正确或表单验证串不符,无法提交问题的解决

Discuz X3.1微信打通后,手机上发布回复时出现提示:"您的请求来路不正确或表单验证串不符,无法提交"问题的解决: 找到网站目录下\source\class\helper\helper_form.php: 在此行下面增加红色文字所标注部分即可. if($allowget || ($_SERVER['REQUEST_METHOD'] == 'POST' && !empty($_GET['formhash']) && $_GET['formhash']

HTML5 web Form表单验证实例

HTML5 web Form 的开发实例! index.html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>HTML5表单验证</title> 6 <link rel="stylesheet" type="text/css" href="../css/style.

php基础教程——表单验证(必填、提交后数据保留)

一.表单验证中用到的几个元素记录 1.htmlspecialchars(),用于将用户输入的特殊字符转义为普通字符,比如 < 和 > 之类的 HTML 字符会被替换为 < 和 > 2.$_SERVER["PHP_SELF"] 是一种超全局变量,返回当前页面脚本名字 3.trim()用于删除多余的空格等 4.stripslashes()用于删除用户多输入的反斜线 二.一个简单的表单验证函数 function test_input($str){ $str = tri

form 表单序列化参数,ajax提交

①form表单的参数序列化后,然后提交. $.ajax({ type: 'post', url:$form1.attr("action"), data:$form1.serializeArray(),//序列化参数 dataType:"json", success: function(json){ if("200" == json.statusCode){ }else{ alertMsg.warn(json.message); } } }); ②

form表单,submit,ajax提交

尼玛... 一个简单的表单提交,竟然给我整的直郁闷. 本来就是个保存功能,几个前人都用的ajax提交,我也就没改成submit.然后坑爹的就来了. 我在表单里写了个<form></form>(实际用ajax提交,也没必要写这个标签,但是我就是写了.而action属性是个空) 保存钮的标签是个button..但是type并没指定是submit 这尼玛梦魇就来了,保存倒是好使.但是回调函数后的跳转location.href时而好使时而不好使..TMD我调查这个给我累够呛,两天没睡踏实.

实现跨浏览器html5表单验证

div:nth-of-type(odd){ float: left; clear: left; } .origin-effect > div:nth-of-type(even){ float: right; clear: right; } .clearfix:after{ content: ""; display:block; clear: both; } .figcaption{ clear: both; color: #999; padding-top: 10px; text

jQuery html5Validate基于HTML5表单验证插件

一.前言 前3篇文章实际都是为本文做铺垫的,如果以下棋表示,前三篇是普通走棋,本篇是将军! 目前市面上有不少表单验证插件,看似强大,实在糟糕! 总结下,有以下一些问题: 过多干预包括:改变了表单元素UI, 为表单元素绑定过多事件等 布局等限制包括:需要特定结构的布局,需要特定的类名或者ID 学习成本包括:N多元作者自定义的属性,或者自定义的特定的数据结构 可用性 当JS出现错误的时候而无法正常运作的时候,验证就是聋子的耳朵——摆设,即使在现代浏览器下也是如此. 面向未来的表单验证 验证驱动验证信