MiniUI表单验证实践

学习实践：

 

<form id="form2">
<div id="update_pas" style="width:380px">
    <table class="fore-common-form-tabs">
        <tr>    
            <td class="text">
             旧密码
            </td>
            <td class="input" colspan="2">
                <input id="oldPas"  name="oldPas"   required="true"  onvalidation="onCheckOldPwd"   vtype="rangeLength:8,20"    value="" class="mini-password" style="width:160px;"/>
                <span id="oldPas_msg" style="color: red">*</span>
            </td>
        </tr>
        <tr>
            <td class="text">
                新密码
            </td>
            <td class="input" colspan="2">
                 <input id="newPas" name="newPas" required="true"   onvalidation="onCheckNewPwd"  vtype="rangeLength:8,20"   value="" class="mini-password" style="width:160px;"/>
                 <span id="newPas_msg"  style="color: red">*</span>
            </td>
        </tr>
         <tr>
            <td class="text">
                确认密码
            </td>
            <td class="input" colspan="2">
                 <input id="newPasRe" name="newPasRe" required="true"  onvalidation="onCheckPwdIsSame"  vtype="rangeLength:8,20"     value="" class="mini-password" style="width:160px;"/>
                 <span id="newPasRe_msg"  style="color: red">*</span>
            </td>
        </tr> 
    </table>
    <div class="fore-core-btnboxs" style="text-align: center">
        <button class="mini-button" id="update_submit" onClick="updatePass();">
            确认
        </button>
        <button class="mini-button" id="update_exit">
            关闭
        </button>
    </div>
</div>
</form>
 
<script type="text/javascript">
    mini.parse(); 
    /* alert(str.match(/[\u0000-\u00ff]/g))   //半角 
    alert(str.match(/[\u4e00-\u9fa5]/g))   //中文 
    alert(str.match(/[\uff00-\uffff]/g))   //全角 */
    function updatePass(){
        var form = new mini.Form("#form2");
        form.validate();
        if(form.isValid()){
            var oldPass=mini.get("#oldPas").value;
            var newPass=mini.get("#newPas").value;
            var new_re_pas=mini.get("#newPasRe").value;
            var userObjId=Forestar.App.loginUser.objectID;
            var code="uerObjectId="+userObjId+"&newPas="+newPass+"&oldPas="+oldPass;
            $.ajax({     
                type:"POST",     
                url:"updatePassword.do",     
                data:code,     
                success:function(data){
                    if(data=="1"){
                    $("#update_exit").trigger('click');
                        mini.alert("密码修改成功");
                    }else if(data=="2"){
                        mini.alert("原始密码输入错误");
                    }else{
                        mini.alert("密码修改失败");
                    }
                }   
            });
        }
    }
    
    function onCheckOldPwd(e){
        if(e.value==""||e.value.length<8||e.value.length>20){
            $("#oldPas_msg").html("*请输入8~20位原密码 ");
            e.isValid=false;
            return ;
        }
        $("#oldPas_msg").html("*");
    }
    
    function onCheckNewPwd(e){
        if(e.value==""||e.value.length<8||e.value.length>20){
            $("#newPas_msg").html("*请输入8~20位新密码 "); 
            e.isValid=false;
            return ;
        }
        $("#newPas_msg").html("*"); 
    }
    
    function onCheckPwdIsSame(e){
        var newPass=mini.get("#newPas").value;
        if(e.value==""||e.value.length<8||e.value.length>20){
            $("#newPasRe_msg").html("*请输入8~20位确认密码 "); 
            e.isValid=false;
            return ;
        }
        if(newPass != e.value){
            $("#newPasRe_msg").html("*两次新密码输入不一致 "); 
            e.isValid=false;
            return ;
           }
        $("#newPasRe_msg").html("*"); 
    }
    
    function isEnglish(e) {
         var re = new RegExp("^[a-zA-Z\_]+$");
         if (re.test(e)) return true;
         return false;
    }
    
    function isNumber(e) {
         var re = new RegExp("^[0-9]+$");
         if (re.test(e)) return true;
         return false;
    }
    
    function isEnglishAndNumber(e) {
         var re = new RegExp("^[0-9a-zA-Z\_]+$");
         if (re.test(e)) return true;
         return false;
    }
    
    function isChinese(e) {
         var re = new RegExp("^[\u4e00-\u9fa5]+$");
         if (re.test(e)) return true;
         return false;
    }
    
    function isStandard(e) {
         var re = new RegExp("^[\u0000-\u00ff]+$");
         if (re.test(e)) return true;
         return false;
    }
    
    function isUnStandard(e) {
         var re = new RegExp("^[\uff00-\uffff]+$");
         if (re.test(e)) return true;
         return false;
    }
    
</script>