侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

form表单提交之前先进行校验

2024-05-09 星期四 / 0 评论 / 0 点赞 / 82 阅读 / 1516 字

html代码: <form id="myform" action="test.php" onClick="return false;" method="post"> <input i

html代码:

<form id="myform" action="test.php" onClick="return false;" method="post">          <input id="loginName" type="text" placeholder="请输入手机号" name="loginName">          <div id="mloginName"></div>          <input type="password" placeholder="请输入登录密码" id="password" name="password">           <div id="mpassword"></div>          <input id="tijiao" type="submit" value="登录"></form>

js代码:   

<script>$("#loginName").keyup(function(){        if($(this).val() == ""){            $("#mloginName").html("<span style='color:#f00'>请输入手机号</span>");            return false;        }else{            $("#mloginName").html("<span style='color:green'>√ 验证通过</span>");        }    });$("#password").keyup(function(){        if($(this).val() == ""){            $("#mpassword").html("<span style='color:#f00'>请输入手机号</span>");            return false;        }else{            $("#mpassword").html("<span style='color:green'>√ 验证通过</span>");        }    });$("#tijiao").click(function(){       $("#myform input").trigger("keyup");       document.getElementById("myform").submit();});</script>

 

注意:登录按钮的id不可以是submit

 

广告 广告

评论区