Maison > interface Web > js tutoriel > Vérification frontale écrite par moi-même - fichier validation validation.js (avec code)

Vérification frontale écrite par moi-même - fichier validation validation.js (avec code)

php是最好的语言
Libérer: 2018-08-04 09:53:42
original
1932 Les gens l'ont consulté

下面是验证的validation.js文件
var errMsg = [
            ' String length must be greater than 4 characters',
            '名字必须汉字',
            '年龄必须为数字',
            '密码必须多于或等于 6 个字符。',
            '验证密码与原密码不一致!',
            'Email地址不合法!',

];
var pattern = [
              /.{4,}/,
              /^([\u4E00-\u9FA5]){1,}$/,
              /^[0-9]{1,3}$/,
              /.{6,}/,
              '',
              /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]{2,}(\.[a-z0-9]{2,5}){1,2}$/
];

function CheckLengthNG(TagValue,TagName,Message) {
    if (!pattern[0].test($(TagValue).val())) {
        $(TagName).html(Message + errMsg[0]);
        return true;
    }
    else
    {
        $(Display).html('');
        return false;
    }
} 
}


function showErrorMessage(TagName, ErrorMessage) {
    var a = ErrorMessage.substring(ErrorMessage.indexOf('['), ErrorMessage.indexOf(']')+1)
    var b = &#39;<span style="color:skyblue">&#39; + a + &#39;</span>&#39;
    var ErrMsg = ErrorMessage.replace(a, b);

    $(TagName).html(ErrMsg);
}







下面是使用的页面

@{
    ViewBag.Title = "Document SIC";
    //Layout = null;
}

<script src="~/Scripts/jquery-1.10.2.js"></script>
<script src="~/Scripts/common.js"></script>
<script type="text/javascript">

 

        function InsertDocumentSIC() {
            var SICNo      = $(&#39;#txtSICNo&#39;).val(); 
            var TemplateID = $(&#39;#selDocumentTemplate&#39;).val();

            if (CheckLengthNG(&#39;#txtSICNo&#39;, &#39;#SICspanErrorMessage&#39;, &#39;The SIC No &#39;)) {
                return;
            }

            var obj = GetTemplateID();
            if (obj.statusCode != 0) { return; } else { var TemplateID = obj.TemplateID }

            var url = "/Document/InsertDocumentSIC?TemplateID=" + TemplateID + "&SICNo=" + SICNo;
            $.ajax({
                url: url,
                async: false,
                type: "POST",
                contentType: "application/json", 
                success: function (data) {
                    var objData = JSON.parse(data) 
                    if (objData.statusCode != &#39;0&#39;) { 
                        alert(objData.statusMessage)
                        showErrorMessage(&#39;#SICspanErrorMessage&#39;, objData.statusMessage);
                        $(&#39;#txtSICNo&#39;).select();
                    }else
                    {
                        GetDocumentSIC();
                        $(&#39;#txtSICNo&#39;).val(&#39;&#39;);
                    }
                }
            });
        }
 

</script> 
        <!--Attachment 2-->
<p id="pDocumentSICUserAuthority" >
    <p class="row">

        <label style="color:white">SIC No </label>
        <input type="text" id="txtSICNo" />
        <button class="btn btn-primary" onclick="InsertDocumentSIC()" id="btnDocumentAddSIC">Add SIC</button>
        <span id="SICspanErrorMessage" style="color:red"> </span>
    </p>

    <p class="row table-responsive">
        <table id="TableSIC" class="table table-bordered  text-nowrap" style="color:white;background-color:transparent;">
            <thead>
                <tr>
                    <th>ID                 </th>
                    <th>SIC Title          </th>
                    <th>SIC No             </th>
                    <th>Revision           </th>
                    <th>Effecitve Date     </th>
                    <th>Digital Signature  </th>
                    <th>Date               </th>
                    <th>updQty             </th>
                    <th>Delete             </th>
                    <th>Upload             </th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </p>
</p>
Copier après la connexion

Articles associés :

Un code de vérification d'addition et de soustraction dans les 10 écrit par vous-même

Comment rédiger le format d'entrée de vérification frontale de connexion et d'inscription

Vidéos associées :

Tutoriel sur le formulaire de vérification de développement JS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal