zoukankan      html  css  js  c++  java
  • JQuery简单表单验证

    jquery简单表单验证,判断是不是空和格式不对。

    注意length后面没有括号

    $(document).ready(function() {
        (因为是内容页面,所以id有变化)
        $('#btnSubmitMessage').click(function() {
            var txttile = $('#txtTitle').val();
            var txtcontent = $('#txtContent').val();
    
            if (txttile == "") {
                alert("留言的主题不能为空!");
                return false;
            }
            else if (txttile.length > 15) {
                alert("标题不能超过15个字哦!");
                return false;
            }
            else if (txtcontent == "") {
                alert("留言的内容不能为空!");
                return false;
            }
            else {
                // 清空
                $('#txtTitle').val("");
               $('#txtContent').val("");
                return true;
            }
        });
    });

    第二个:

    $("form").submit(function(){
                var name = $("input[name='name']").val();
    //            var email = $("input[name='email']").val();
                var phone = $("input[name='phone']").val();
                var address = $("input[name='address']").val();
                if(!$.trim(name)){
                    alert('姓名不能为空');
                    return false;
                }
    //            if(!$.trim(email)){
    //                alert('邮箱不能为空');
    //                return false;
    //            }
                if($.trim(name).length<2){
                    alert("姓名格式错误!");
                    return false;
                }
                if($.trim(phone).length!=11){
                    alert("电话格式错误!");
                    return false;
                }
                if(!$.trim(phone)){
                    alert('电话不能为空');
                    return false;
                }
                if(!$.trim(address)){
                    alert("详细地址不能为空");
                    return false;
                }
                else{
                    var phonenumber = $("input[name='phone']").val();
                    var mphone =phonenumber.substr(3,4);
                    var lphone = phonenumber.replace(mphone,"****");
                    var namevalue = $("input[name='name']").val();
                    var namefinal=namevalue[0]+"老师";
                    var final=namefinal+"    "+lphone+"    "+"您的订单于"+time+"订购成功,我们正在处理,谢谢!";
                    alert(final);
    //                var finalapp=document.createElement("li");
    //                finalapp.innerHTML="final";
    //                var father=document.getElementById("ul3");
    //                father.appendChild(finalapp);
                }
            });
  • 相关阅读:
    redis+Keepalived实现Redis主从复制
    Python基础之【第一篇】
    Django之常用命令以及问题汇总
    Django之ORM数据库
    牛掰的python与unix
    Django配置Bootstrap, js
    Django基础教程
    Django安装
    前端学习之jQuery
    centos7安装python3 以及tab补全功能
  • 原文地址:https://www.cnblogs.com/zjunet/p/4559933.html
Copyright © 2011-2022 走看看