簡體   English   中英

客戶端腳本。 例如,驗證表格並需要其僅接受“ /”或數字作為有效期。

[英]Client side scripting. e.g. validating a form and need it to only accept a “/” or numbers for expiry date.

無論如何,我都非常努力,但仍在掙扎。

本質上,我需要做的是驗證作業的表單。

我需要確保電子郵件格式有效,我假設其中僅包含“。”,“ @”,數字和字母。

我需要確保表單的一部分僅接受字母數字字符

我需要確保至少勾選了一個框

就像我在標題中所說的那樣,請確保到期日期框僅接受“ /”或數字。

任何幫助或技巧都將不勝感激,因為我現在絕對塞滿了東西。 謝謝。

驗證電子郵件

<input pattern="/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/" required />

我需要確保表單的一部分僅接受字母數字字符

<!DOCTYPE html>
<html>
   <head>
      <title>Validate</title>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width">
      <style>
         .widefat-main{
         }
      </style>
      <script>
         function validate() {
            var errorDiv = document.getElementById("errorDiv"),
                    regex = /^[a-z0-9]+$/,
                    str = document.getElementById("inputString").value;

            if ((str.length > 4) && (str.length < 10) && regex.test(str)) {
               errorDiv.innerHTML = "Fine string";
               return true;
            }
            else {
               errorDiv.innerHTML = "4 to 10 alphanumerical characters only";
               return false;
            }
         }
      </script>
   </head>
   <body>
      <form action="" onsubmit="return validate();">
         <input 
            id="inputString"
            type="text" 
            name="url_code" 
            class="widefat-main" 
            title="4 to 10 alphanumerical characters only" 
            />
         <input type="submit" value="Submit"/>
      </form>
      <div id="errorDiv"></div>
   </body>
</html>

我需要確保至少勾選了一個框

var f = document.form1;
if (f.summer.checked || f.autumn.checked || f.winter.checked) {
    // we're OK!
}

就像我在標題中所說的那樣,請確保到期日期框僅接受“ /”或數字。

var errormessage = "";
 function checkIsValidDateTime(){
      errormessage = "";
      var isvalid = false;
      var dt = document.getElementsByName("date")[0].value;
      var parts = dt.split(" ");
      if(parts.length == 3){
         var date = parts[0];
         var time = parts[1];
         var ampm = parts[2];
         if(ampm.length == 2 && (ampm.toLowerCase() == "am" || ampm.toLowerCase() == "pm")){
            var validformatdate=/^\d{2}\/\d{2}\/\d{4}$/;
            if (validformatdate.test(date)){
                var validformattime = /^\d{1,2}:\d{2}$/;
                if (validformattime.test(date)){
                     isvalid = true;
                }else{errormessage = "Time is not in the format HH:MM";}
            }else{errormessage = "Date is not in the format dd/mm/yyyy";}
         }else{errormessage = "DateTime does not have AM/PM at the end";}
      }else{errormessage = "DateTime is not in the format 11/07/2011 3:45 AM";}
      return isvalid;
 }

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM