���Ȃ���Web����͂��₷������jQuery�v���O�C��10�I�FCSS�̏�������������jQuery�v���O�C�����H���p�@�i�I�j�i3/5 �y�[�W�j

» 2010�N06��17�� 00��00�� ���J
[�����H�Y�C��IT]

�y5�z�p�X���[�h�̓��͂�⏕����uPassRoids�v

�@����o�^�Ȃǂ�Web�t�H�[���ł́A�قƂ�ǂ̏ꍇ�A���[�U�[���ƃp�X���[�h�Ȃǂ���͂����܂��B�Ƃ��낪�A�p�X���[�h�Ɂu���O�v�u�a�����v�u�d�b�ԍ��v�ȂǗe�Ղɉ�ǂł��镶������͂���l���A���\���܂��B

�@jQuery���uPassRoids�v�v���O�C�����g�p����ƁA���[�U�[�����͂����p�X���[�h�̋��x���`�F�b�N���āA������͂����悤�ȃp�X���[�h����͂����Ƃ��ē��͂�����Ƃ��������Ƃ��”\�ł��B

ALT �}4�@���͂����p�X���[�h�̋��x���\�����ꂽ�i�摜���N���b�N����ƁA�ʃE�B���h�E�Ŏ��s�T���v����\�����܂��j

�X�e�b�v1�FCSS�ƃ��C�u������CDN�o�R�őg�ݍ���

�@���D�݂̊J���c�[���܂��̓G�f�B�^���N�����āA�V�K�t�@�C�����쐬������A<head>�v�f��<link>�v�f��<script>�v�f��lj����āACSS��jQuery�̃��C�u������g�ݍ��݂܂��B

<head>
  <link href="style.css" rel="stylesheet" type="text/css" />�c�c�y1�z
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>�c�c�y2�z
  <script src="jquery.passroids-ja.js" type="text/javascript"></script>�c�c�y3�z
</head>
  1. Web�y�[�W�̊�{�X�^�C�����錾����Ă���
  2. jQuery�̃��C�u������Google CDN�o�R�Ŏ�荞��
  3. PassRoids�v���O�C���̃��C�u�������_�E�����[�h������荞��

�X�e�b�v2�FXHTML�ō��i���`����

�@<body>�v�f��<form>�v�f��lj�������<input>�ipassword�j�v�f��2�”z�u���āA�p�X���[�h�ƍĊm�F�p�̃p�X���[�h����͂����܂��B

<form>
  �p�X���[�h:<br />
  <input type="password" id="password" /><br />
  �ē���:<br />
  <input type="password" id="password2" /><br /><br />
  <input type="submit" value="���M" id="mysubmit" />
</form>

�X�e�b�v3�F�v���O�C����g�ݍ���

�@<head>�v�f��<script>�v�f��lj�������A���̂悤�ȃR�[�h��lj�����PassRoids�v���O�C����g�ݍ��ނƊ����ł��B

<script type="text/javascript">
  $(function() {
      $('form').passroids({
          main: '#password',       // ���C���p�X���[�h����͂���v�f�̃Z���N�^
          verify: '#password2',    // �ē��͂̃p�X���[�h����͂���v�f�̃Z���N�^
          button: '#mysubmit',     // ���M�{�^���̃Z���N�^
          minimum: 2           // �p�X���[�h�̋��x���w��i0�`3�j
      });
  });
</script>

�@�����ł́AjQuery�̃Z���N�^��<form>�v�f����������passroids()���\�b�h�����s���܂��B���̃��\�b�h�̈���main�ɂ́A���C���p�X���[�h����͂���v�f�̃Z���N�^���w�肵�܂��B

�@����verify�I�v�V�����ɂ́A�ē��́i�m�F�j�p�̃p�X���[�h����͂���v�f�̃Z���N�^���w�肵�܂��B����button�ɂ́A���M�{�^���v�f�̃Z���N�^���w�肵�܂��B����minimum�I�v�V�����ɂ́A�p�X���[�h�̋��x�����x��0�`3�i0�F�ア�A1�F���ʁA2�F�����A3�F���z�j�͈̔͂Ŏw�肵�܂��Bverify�I�v�V�������w�肵���Ƃ��́A���C���p�X���[�h�ƍē��͗p�̃p�X���[�h���s��v�̂Ƃ��G���[���b�Z�[�W��\�����܂��B

�@passroids()���\�b�h�̈���minimum�Ɂu2�v��ݒ肵���Ƃ��́A�p�X���[�h���u�ア�v�u���ʁv�̂Ƃ��͋��‚���܂���B

�y6�z�p�X���[�h�̓��͕�����1�������c���udPassword�v

�@�e�L�X�g�{�b�N�X�Ƀp�X���[�h����͂���Ƃ��A���͂����������u���v�ŕ\������܂��B�udPassword�v�v���O�C�����g�p����ƁAiPhone�̂悤�ɒ��O�ɓ��͂���1���������\���ł���̂ŁA����͂�h���܂��B

�@�Ⴆ�΁A�p�X���[�h�Ƃ��āu@it�v����͂����Ƃ��́u����t�v�̂悤�ɕ\������܂��B�����āA���̎��Ԃ��o�߂���ƍŌ�́ut�v���u���v�ɕς��܂��B

ALT �}5�@�e�L�X�g�{�b�N�X�ɍŌ�̕����ut�v���\������Ă���Ƃ����i�摜���N���b�N����ƁA�ʃE�B���h�E�Ŏ��s�T���v����\�����܂��j

�@�g�����́A�y5�z�p�X���[�h�̓��͂�⏕����uPassRoids�v�Ƃقړ��l�ɂ��܂��B���C�u������ݒ肵����A<body>�v�f��<form>�v�f��lj����āA�ȉ��̂悤��<input>�ipassword�j�v�f��lj����܂��B

<input type="password" name="password" id="password" value="" />

�@<head>�v�f��<script>�v�f��lj�������A���̂悤�ȃR�[�h��lj�����dPassword�v���O�C����g�ݍ��ނƊ����ł��B

$('input:password').dPassword();

�@���y�[�W�ł́A�e�L�X�g�G���A���g���₷������v���O�C���Ƃ���autoResize�Amaxlength�̎g������������܂��B

Copyright © ITmedia, Inc. All Rights Reserved.

'; if( !this.isSubscription ) { this.insertTarget = document.querySelector('#cmsBody .subscription') || document.querySelector('#cmsBody .inner'); } }; BodyAdIMSWithCCE.prototype = Object.create(BodyAdContent.prototype); BodyAdIMSWithCCE.prototype.activate = function () { refreshGam('InArtSpecialLink'); } // global reference window.itm = itm; //entry point BodyAdEventBase.polyfill(); const bodyAdManager = BodyAdManager.getInstance(); bodyAdManager.addEventListener(BodyAdManager.EVENTS.READY, function (ev) { bodyAdManager.loadAdvertise(); }); bodyAdManager.init(); })();
�X�|���T�[����̂��m�点PR

���ڂ̃e�[�}

Microsoft  WindowsőO2025
AI for GWjAO
[R[h^m[R[h Zg by IT - ITGWjArWlX̒SŊ􂷂gD
Cloud Native Central by IT - XP[uȔ\͂gD
�V�X�e���J���m�E�n�E �y�����i�r�zPR
���Ȃ��ɂ������߂̋L��PR

RSS�ɂ‚���

�A�C�e�B���f�B�AID�ɂ‚���

���[���}�K�W���o�^

��IT�̃��[���}�K�W���́A �������A���ׂĖ����ł��B���Ѓ��[���}�K�W�������w�ǂ��������B