首页 > web前端 > js教程 > 自己写的前端验证--验证validation.js文件(附代码)

自己写的前端验证--验证validation.js文件(附代码)

php是最好的语言
发布: 2018-08-04 09:53:42
原创
1932 人浏览过

下面是验证的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>
登录后复制

相关文章:

一个自己写的10以内的加减法验证码

登录注册前端验证输入格式的写法

相关视频:

JS开发验证表单教程

以上是自己写的前端验证--验证validation.js文件(附代码)的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板