dojo小例子（8）ValidationTextBox密码校验，两次输入一致性校验

ゝ一世哀愁。 2022-08-25 10:51 146阅读 0赞

<p>Password: <input type="password"
        name="password1"
        id="password1"
        data-dojo-type="dijit/form/ValidationTextBox"
        data-dojo-props="required:true, intermediateChanges:false, 
        	regExp:'[a-zA-Z][a-zA-Z0-9_]{5,15}', 
        	invalidMessage:'以字母开头，字母数字下划线组合，6-16字符'" /></p>
    
    	<p>Confirm: <input type="password"
        name="password2"
        id="password2"
        data-dojo-type="dijit/form/ValidationTextBox"
        data-dojo-props="required:true, intermediateChanges:false, 
        	validator:confirmPassword, 
        	constraints:{'other': 'password1'}, 
        	invalidMessage:'两次输入的密码不相同!'" /></p>

require(['dojo/parser', 'dojo/domReady!'],
    		  function(parser){
    		    parser.parse();
     });
     function confirmPassword(value, constraints)
     {
         var isValid = false;
         if(constraints && constraints.other)  {
         	var otherInput =  dijit.byId(constraints.other);
         	if(otherInput) {
         		var otherValue = otherInput.value;
         		isValid = (value == otherValue);
         	}
         }
         return isValid;
     }

提示不能为空：

![20140302111922046][]

输入数字，会提示必须以字母开头：

![20140302112001593][]

两次输入不一致，提示：

![20140302112012187][]

后来发现有更简单的写法：

<p>Confirm: <input type="password"
        name="password2"
        id="password2"
        data-dojo-type="dijit/form/ValidationTextBox"
        data-dojo-props="required:true, intermediateChanges:false, 
        	validator:function(){return this.value == dijit.byId('password1').value}, 
        	invalidMessage:'两次输入的密码不相同!'" /></p>

[20140302111922046]: /images/20220824/8513c38fa9f04bc083a9f32e85fbe0b8.png
[20140302112001593]: /images/20220824/0ed5e087d6d0458185658c1a0231770f.png
[20140302112012187]: /images/20220824/61ef72ab9f39472db4c631dfd5da9e4e.png