我用jquery方法写了一个邮箱的验证，用onkeyup调用该方法可以判断，但是我的那个文本框在from里面不行了

Posted 2023-05-05

function email()
var email = jQuery("#email").val();
if(!(/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/.test(email)))
jQuery("#la1").html("<font color='red'>请输入正确的邮箱</font>");
else

jQuery("#la1").html("<font color='red'>格式输入正确</font>");


<form action="email.php" method="post">
电子邮箱<br>
<input type="text" name="email" id="email" onkeyup="email()"/><label id="la1"></label><br>
</form>去掉form又可以，为什么，我需要form，因为我的页面需要跳转，知道的回答我下哈，谢谢

参考技术A $("#email").bind("keyup",email); //这一行加到你的 <stript>里面
//html 里面改改 试试看~
<input type="text" name="email" id="email" /><label id="la1"></label><br> 参考技术B 页面跳转不一定需要form 。可以用js跳转。 不过我个人觉得这个可以绑定bind事件就是失去焦点时触发。同时建议你 谷歌下jquery 插件 表单 。会有直接可用的插件。比你自己写的强大的多，只要稍微配置下本回答被提问者采纳 参考技术C 函数名和id重复，你换个名字试试。 参考技术D 你应该仔细看看jquery的onkeyup事件，
我在网上看到onpropertychange你试试

vue中手机号，邮箱正则验证以及60s发送验证码

今天写了一个简单的验证，本来前面用的组件，但是感觉写的组件在此项目不是很好用，由于用到的地方比较少，所以直接写在了页面中。页面展示如图

<div>
    <p class="fl">
        <input  name="phone" type="number" placeholder="手机号" v-model="phone"/>
        <button type="button" :disabled="disabled" @click="sendcode" class="btns">{{btntxt}}</button>
    </p>
    <p class="fl" style="margin-left: 20px;">
        <input type="text" placeholder="验证码"/>
    </p>
</div>
<input type="button" value="查询"  class="btns search" @click="query"/>

这里是script里的内容

export default {
          data: function () {
            return {
                disabled:false,
                time:0,
                btntxt:"获取验证码",
                formMess:{
                    email:this.email,
                    phone:this.phone
                }
            }
          },
          mounted: function () {
              
          },
        methods:{
            //验证手机号码部分
            sendcode(){
                var reg=11 && /^((13|14|15|17|18)[0-9]{1}d{8})$/;
                //var url="/nptOfficialWebsite/apply/sendSms?mobile="+this.ruleForm.phone;
                if(this.phone==‘‘){
                   alert("请输入手机号码");
                }else if(!reg.test(this.phone)){
                    alert("手机格式不正确");
                }else{
                    this.time=60;
                    this.disabled=true;
                    this.timer();
                    /*axios.post(url).then(
                        res=>{
                        this.phonedata=res.data;
                    })*/
               }
            },
            timer() {
                if (this.time > 0) {
                     this.time--;
                     this.btntxt=this.time+"s后重新获取";
                     setTimeout(this.timer, 1000);
                } else{
                     this.time=0;
                     this.btntxt="获取验证码";
                     this.disabled=false;
                }
            },
            query(){
                var formMess=this.formMess
                Axios.post(api+"/order/select/reception", formMess)
                 .then(function (res) {
                     if(res.data.code==200){
                         console.log(res.data.data);
                          this.productResult=res.data.data;
                          this.productResult.length=3;
                     }else if(res.data.code==400){
                         alert(res.data.message)
                     }
                      
                  }.bind(this))
            },
            //邮箱验证
            sendEmail(){
                var regEmail=/^[A-Za-zd]+([-_.][A-Za-zd]+)*@([A-Za-zd]+[-.])+[A-Za-zd]{2,5}$/;
                if(this.email==‘‘){
                   alert("请输入邮箱");
                }else if(!regEmail.test(this.email)){
                    alert("邮箱格式不正确");
                }
            }
        }
    }