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

版权声明:不卑不亢,不骄不躁---好男人就是我,我就是曾哥. https://blog.csdn.net/weixin_42884584/article/details/83273027

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

猜你喜欢

转载自blog.csdn.net/weixin_42884584/article/details/83273027