form提交，并用js验证手机号码

Posted 2023-04-26

我想问button是form中的，form提交到action，但是我想在中间进行电话号码和邮箱的验证，该怎么写呢？
在用户输入完文本框内容后就验证好不好？

form好像有个onSbumit方法，这个方法就是可以利用js的函数来对form进行一些操作
当然可以包括对input输入框的操作
还有如果你想用button的onclick事件通过js来提交表单，当然也行
这样，在js中你同样也可以对input框操作
具体的判断方法，google一下
判断手机和邮箱的，如果找不到，可以追问我
我给你贴上 参考技术A <script>
function validate()

var pattern=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]w+)*$/;
var email = document.getElementById("mail").value;

if(!pattern.test(email))
alert("错误");
else
alert('正确')

</script>

<INPUT TYPE="text" NAME="mail" ID="mail" ">
<INPUT TYPE="button" VALUE="" ONCLICK="validate() >

JS判断提交表单不能为空 等的验证

转自：https://blog.csdn.net/qiu512300471/article/details/23259811

<script type="text/javascript">
function beforeSubmit(form){
if(form.username.value==‘‘){
alert(‘用户名不能为空！‘);
form.username.focus();
return false;
}
if(form.password.value==‘‘){
alert(‘密码不能为空！‘);
form.password.focus();
return false;
}
if(form.password.value.length<6){
alert(‘密码至少为6位，请重新输入！‘);
form.password.focus();
return false;
}
if(form.password.value!=form.password2.value) {
alert(‘你两次输入的密码不一致，请重新输入！‘);
form.password2.focus();
return false;
}
return true;
}
</script>

<fieldset>
   <legend>用户注册</legend>
    <form method="post" name="form" action="user.do?method=register" onSubmit="return beforeSubmit(this);">
     <table border="1" width="100%" cellspacing="0" cellpadding="0">
      <tr><td><label>用户名：<input type="text" name="username" value=""></label></td></tr>
      <tr><td><label>密   码：<input type="password" name="password" value=""></label></td></tr>
      <tr><td><label>重复密码：<input type="password" name="password2" value=""></label></td></tr>
      <tr><td><input value="注册" type="submit"> <input type="reset" value="重置"></td></tr>      
     </table>
    </form>
</fieldset>