Javascript 如果regexp不匹配，我想在errors div中显示一条错误消息_Javascript_Jquery_Html_Regex

Javascript 如果regexp不匹配，我想在errors div中显示一条错误消息

javascript jquery html regex

Javascript 如果regexp不匹配，我想在errors div中显示一条错误消息,javascript,jquery,html,regex,Javascript,Jquery,Html,Regex,如果jquery匹配函数为false，我想向errors div添加一条errormessage <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link href="form.css"> </head> <body> <title>hw

如果jquery匹配函数为false，我想向errors div添加一条errormessage

  <html>
  <head>
       <meta http-equiv="content-type" content="text/html; charset=UTF-8">
       <link href="form.css">

    </head>
    <body>
   <title>hw5</title>

    <form id ="myform" class = "myform">

        Date 1: <input type="text" name="date1" id="date1"value ="">(MM/DD/YYYY)              </input>
        <br/>
        Date 2: <input type="text" name="date2" id="date2"value = "">(MM/DD/YYYY)</input>
        <br/>
        <button id="calculate" class = "btn" >Calculate</button>


    </form>

    <div id="results" class = "results"> Please click on the calculate button above to retrieve a result.</div>
    <div id="errors" class = "errors" ></div>

<script src="jquery.js"></script>

<script type = "text/javascript">

        $(document).ready (function(){

            $("#myform").submit(function(){
                return false;
            });


            $("#calculate").click(function(){

                $('#myform').val().match(/^[0,1]?\d{1}\/(([0-2]?\d{1})|([3][0,1]{1}))\/(([1]{1}[9]{1}[9]{1}\d{1})|([2-9]{1}\d{3}))$/);



                var dataobj = {
                date1: $("#date1").val(),
                date2: $("#date2").val(),

                };

            $.ajax({
                url: 'calculate.php',
                data: dataobj,
                type: 'get',
                datatype: 'json',

                    success: function(serverResponse) {
                            alert(serverResponse);
                            $('#results').empty().text(serverResponse);
                    },
                    error: function (jqxhr, status, error) {
                            var friendlyErrorMessage = "An error occurred! - error     message: '" + error + "'";
                            $('#errors').empty().text(friendlyErrorMessage);
                    }
              });
            });
        });





 </script>



     </body>





      </html>


hw5
日期1：（年月日）


日期2：（年月日）


算计
请单击上面的“计算”按钮以检索结果。
$（文档）.ready（函数（）{
$（“#myform”）.submit（函数（）{
返回false；
});
$（“#计算”）。单击（函数（）{
$（'myform'）.val（）.match（/^[0,1]？\d{1}\/（[0-2]？\d{1}）{124;（[3][0,1]{1}））\/（[1]{1}[9]{1}[9]{1}\d{1}）{124;（[2-9]{1}\d{3}））$/；
var dataobj={
date1:$（“#date1”）.val（），
日期2:$（“#日期2”）.val（），
};
$.ajax({
url:'calculate.php'，
数据：dataobj，
键入：“get”，
数据类型：“json”，
成功：函数（serverResponse）{
警报（服务器响应）；
$（'#results'）.empty（）.text（serverResponse）；
},
错误：函数（jqxhr、状态、错误）{
var friendlyErrorMessage=“发生错误！-错误消息：'“+error+”；
$（'#errors'）.empty（）.text（friendlyErrorMessage）；
}
});
});
});

这将帮助您在errors div上显示“无效日期”的错误

function validateDate(testdate) {
    var date_regex = /^(0[1-9]|1[0-2])\/(0[1-9]|1\d|2\d|3[01])\/(19|20)\d{2}$/ ;
    return date_regex.test(testdate); // can use return testdate.match(date_regex);
}

$("#calculate").click(function(){

    if(!(validateDate($('#date1').val())) || !(validateDate($('#date2').val()))) {
        var friendlyErrorMessage = "Invalid Date";
        $('#errors').empty().text(friendlyErrorMessage);
        return false;
    }

    //Rest of code to send ajax request.
}

我的。。眼睛@Jukka K.Korpela，你怎么能说这已经被编辑了？