1

http://digitalbush.com/projects/masked-input-plugin/を使用してマスクされ、 http://bassistance.de/jquery-plugins/jquery-plugin-validation/を使用して検証された電話番号があります。

コードは以下にあり、「ほぼ」動作する例はhttp://jsfiddle.net/dnv38/にあります。

電話番号は必須ではありませんが、2 つのプラグインが競合するため、電話番号が必要になることに注意してください。しばらく前に、 jquery.maskedinput-1.3.js conflicts with jquery.validate 1.9.0ごとに答えが見つかったと思いましたが、正しくないことが判明しました。

入力をマスクして検証するにはどうすればよいですか?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> 
<title>Validate</title> 
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/additional-methods.js" type="text/javascript"></script>
<script src="http://snort-rule-manager.googlecode.com/svn-history/r2/trunk/assets/9982dce2/jquery.maskedinput.js" type="text/javascript"></script>

<script type="text/javascript">
$(function() {

    $("#phone").mask("(999) 999-9999");

    var validator=$("#form").validate({
        rules: {phone:"phoneUS"},
        submitHandler: function(form) {
            alert('submitHandler');
        }
    });

});
</script>
</head>

<body>

<form id="form" method="post">
<input type="text" name="phone" id="phone" value="" />
<input type="submit" name="submit" value="submit" />
</form>

</body> 
</html>
4

1 に答える 1

1

検証プラグインの onfocusout メソッドをクロージャーで修正することでこれを修正できましたが、これを行うのは間違っているようでした....

    onfocusout: function (element)
    {
        if (!this.checkable(element) && (element.name in this.submitted || !this.optional(element)))
        {
            var currentObj = this;
            var currentElement = element;
            var delay = function () { currentObj.element(currentElement); };
            setTimeout(delay, 0);
        }
    },
于 2013-08-08T17:54:28.860 に答える