欢迎来到元素模板ys720.com,本站提供专业的织梦模板PBOOTCMS模板网站模板网站修改/网站仿站
当前位置:主页 > 程序教程 > 其他教程 >
其他教程

JQ 判断留言form提交不能为空

(元素模板) / 2023-04-12 10:02
JQ 判断 提交留言板form不能为空
首先是html代码
<form action="" method="post" name="myform">
<li><em>留言标题:</em><input type="text" name="lc_title" id="lc_title" >  </li>
<li><em>姓名:</em><input type="text" name="lc_name" id="lc_name" > </li>
<li><em>E-MAIL:</em><input type="text" name="lc_email" id="lc_email" ></li>
<li><em>联系电话:</em><input type="text" name="lc_tel" id="lc_tel" ></li>
<li>
<input type="submit" id="tijiao" value="提 交" onClick="return doSubmit();" >
<input type="reset" id="chongzhi" value="重 置">
</li>
</form>

然后是jq 判断代码
<script type="text/javascript">
function doSubmit(){
    if (document.getElementById("lc_title").value==""){
        alert("亲,请填写留言标题!");
        document.getElementById("lc_title").focus();     //赋予焦点
        return false;
    }
    if (document.getElementById("lc_name").value==""){
        alert("亲,请填写您的姓名!");
        document.getElementById("lc_name").focus();
        return false;
    }
    if (document.getElementById("lc_email").value==""){
        alert("亲,请填写电子邮件!");
        document.getElementById("lc_email").focus();
        return false;
    }
    if (!Isyx(document.getElementById("lc_email").value)){
         alert("亲,请输入正确的电子邮件!");
         document.getElementById("lc_email").focus();
         return false;
    }
    if (document.getElementById("lc_tel").value==""){
        alert("亲,请填写联系方式!");
        document.getElementById("lc_tel").focus();
        return false;
    }
    var reg =/(^0{0,1}1[3|4|5|6|7|8|9][0-9]{9}$)/;              //判断手机填写信息是否为正确手机号
    if(!reg.test(document.getElementById("lc_tel").value)){ 
        alert("亲,请输入正确的联系方式!");
        document.getElementById("lc_tel").focus();
        return false; 
    }
    if (document.getElementById("lc_content").value==""){
        alert("亲,请填写留言内容!");
        document.etElementById("lc_content").focus();
        return false;
    }
    return true;
}

</script>

Copyright @ 2013-2021 元素模板 www.ys720.com All Rights Reserved. 版权所有 元素模板 www.ys720.com