• form表单提交 type="submit"


    <form action=""  method="post" onsubmit="return validte()">
    <div class="regist-top">
    <ul class="regist-form">
    <li><label for="">姓 名</label><input type="text" name="username" id="username">
    <span class="error_info" id="name_error"></span>
    </li>
    <li><label for="">学 校</label><input type="text" name="school" id="school">
    <span class="error_info" id="school_error"></span>
    </li>
    <li><label for="">手 机</label><input type="text" name="phonenumber" id="phonenumber">
    <span class="error_info" id="phone_error"></span>
    </li>
    <li class="last">
    <label for="">QQ</label><input type="text" name="qq" id="qq">
    <span class="error_info" id="qq_error"></span>
    </li>
    </ul>
    </div>
    <div class="tc"><input type="submit" class="submit" value="离大使就差一步了,赶紧提交吧!"></div>
    </form>

    $(function(){
    $("#username").on({
    "blur":function(){username();},
    "focus":function(){$("#name_error").text("");}
    });
    $("#school").on({
    "blur":function(){school();},
    "focus":function(){$("#school_error").text("");}
    });
    $("#phonenumber").on({
    "blur":function(){phonenumber();},
    "focus":function(){$("#phone_error").text("");}
    });
    $("#qq").on({
    "blur":function(){ qq();},
    "focus":function(){ $("#qq_error").text("");}
    });
    });
    function validte(){

    if(username() && school() && phonenumber() && qq()){
    return true;
    }else{
    return false;
    }
    }
    function username(){
    var username=$("#username").val();
    var testUsername = /^[u4e00-u9fa5a-zA-Z0-9]{3,12}$/.test(username);

    if(username==""){
    $("#name_error").text("姓名不能为空");
    return false;
    }else if (!testUsername) {
    $("#name_error").text("姓名格式不正确");

    return false;
    }
    return true;
    }
    function school(){
    var school=$("#school").val();
    if(school==""){
    $("#school_error").text("学校不能为空");
    return false;
    }
    return true;
    }
    function phonenumber(){
    var phonenumber=$("#phonenumber").val();
    var testPhonenumber=/^1[3|4|5|8][0-9]d{8}$/.test(phonenumber);
    if(phonenumber==""){
    $("#phone_error").text("手机号不能为空");
    return false;
    }else if (!testPhonenumber) {
    $("#phone_error").text("手机号格式不正确");
    return false;
    }
    return true;
    }
    function qq(){
    var qq=$("#qq").val();
    var testQQ=/^d{5,10}$/.test(qq);
    if(qq==""){
    $("#qq_error").text("qq不能为空");
    return false;
    }else if (!testQQ) {
    $("#qq_error").text("qq格式不正确");
    return false;

    }
    return true;
    }

  • 相关阅读:
    vue 实例化定义路由模板
    MUI区域滚动,软键盘挡住input
    javaScript使用navigator.userAgent.toLowerCase()判断移动端类型
    vue-cli启动本地服务,局域网下通过ip访问不到的原因
    vue 实例化定义路由
    如何在同一个Excel里,对两个很相似的工作簿比对出不同之处
    常见贴片电容电阻封装及功率
    集成运放输入电压范围指标参数Uicmax,Uidmax
    复合管等效管
    urlparse模块
  • 原文地址:https://www.cnblogs.com/xiaotaiyang/p/3907434.html
Copyright © 2020-2023  润新知