在用a标签作为提交按钮或者ajax提交表达时required无效的解决办法

秒速五厘米 2022-05-04 03:30 343阅读 0赞

1.ajax提交表单时,代码

<form id="sub">
       <input type="text" name="name" required />
       <input type="submit" id="submit" />
    </form>
    
    <script>
       $("#sub").submit(function(){
          $.ajax({
            ...
         })
       });
    </script>

2.用a标签作为提交按钮时，代码

<!DOCTYPE HTML>
    <html>
    <head>
    <meta charset=UTF-8 />
    <title></title>
    <style type="text/css">
    </style>
    <script type="text/javascript">
        function sub ()
        {
            document.getElementById ('sub').click ();
        }
    </script>
    </head>
    <body>
        <form name="form">
            <input type="text" required="required" /> 
            <input style="display: none;" type="submit" id="sub" value="submit" />
        </form>
        <a href="#" onclick="sub();">submit</a>
    </body>
    </html>

参考：[https://blog.csdn.net/PlainWaterh/article/details/56836974][https_blog.csdn.net_PlainWaterh_article_details_56836974]

[https_blog.csdn.net_PlainWaterh_article_details_56836974]: https://blog.csdn.net/PlainWaterh/article/details/56836974

发表评论取消回复

表情：

评论列表（有 0 条评论，343人围观）

还没有评论，来说两句吧...

相关阅读

相关 ajax提交时表单自动提交，阻止表单的默认提交事件

一、问题描述在改版pc一个动态发布页面的时候页面使用的form表单提交页面数据其中在页面中有一个人员选择的搜索按钮按钮上绑定了点击事件触发ajax !...

逃离我推掉我的手/ 2024年04月17日 17:39/ 0 赞/ 87 阅读

相关 layui表单在监听提交事件中，用ajax提交刷新页面问题，弹出窗无效

今天用layui中form表单提交，使用了提交监听事件用$.ajax提交，想用弹出层给页面提示效果，可惜弹出层无效，。页面刷新？？？代码如下： > layui.u

野性酷女/ 2023年11月08日 06:25/ 0 赞/ 122 阅读

相关 SVN提交时出现locked错误解决办法

问题：在SVN中执行 commit 操作时，在更新过程中，中断过，或者因为其他原因导致SVN 出现 locked 异常。 ![img][] 解决方法：回到SVN文件夹的

绝地灬酷狼/ 2023年09月30日 12:27/ 0 赞/ 16 阅读

相关表单提交AJAX防重复提交的办法总结

表单提交AJAX防重复提交的办法总结最近的维护公司的一个代理商平台的时候，客服人员一直反映说的统计信息的时候有重复数据，平台一直都很正常，这个功能是最近新进的一个

本是古典何须时尚/ 2022年06月01日 03:43/ 0 赞/ 274 阅读

相关 Ajax 重复提交解决方案

一、问题产生原因 -------------------- 由于 AJjax 提交数据为异步提交，所以当我们点击提交按钮是通过 `xmlhttprequest 对象

我会带着你远行/ 2022年05月27日 05:59/ 0 赞/ 249 阅读

相关在用a标签作为提交按钮或者ajax提交表达时required无效的解决办法

1.ajax提交表单时,代码 <form id="sub"> <input type="text" name="name" required />

秒速五厘米/ 2022年05月04日 03:30/ 0 赞/ 344 阅读

相关 Ajax提交参数的值中带有html标签不能提交成功的解决办法（ASP.NET）

[Ajax提交参数的值中带有html标签不能提交成功的解决办法（ASP.NET）][Ajax_html_ASP.NET] 最近在公司做资源及文章上传功能遇

小咪咪/ 2022年04月24日 04:32/ 0 赞/ 116 阅读

相关 HtmlUnit中form表单提交，提交按钮中的属性没有id、name，解决办法

HtmlUnit中form表单提交，提交按钮中的属性没有id、name，提交按钮的标签也不是<input> 如下图，提交查询按钮没有id、name,标签名为<butt

本是古典何须时尚/ 2021年09月20日 20:12/ 0 赞/ 769 阅读

相关 Ajax序列化表达提交

普通表单： <form class="am-form" method="post" id='myForm' action=""> <input type="text" cl

素颜马尾好姑娘i/ 2021年09月08日 17:10/ 0 赞/ 265 阅读

相关解决表单提交，点击按钮提交多次的问题

定义一个状态码 // 表单提交performanceList // 修改提交 var saveflag=true;//防止点击多次提交的状态码

灰太狼/ 2021年01月20日 06:27/ 0 赞/ 797 阅读