1. Убираем обработчик клика по кнопке "Генерировать" из тэга
input внутрь скрипта:
было
<input type="button" class="calc-submit" value="Генерировать" onclick="generatePassword()">
стало
<input type="button" class="calc-submit" value="Генерировать" >
было
$(document).ready(function() {
// . . .
})
стало
$(document).ready(function() {
// . . .
$('.calc-submit').on('click', generatePassword)
})
2. Чтобы скрипт понял, что $ это jQuery, оборачиваем в !function($) { . . . }(jQuery).
ИТОГО
<script type="text/javascript">
//<!--
!function($) {
function generatePassword() {
var letters = 'abcdefghijklmnopqrstuvwxyz'
var digits = '0123456789'
var symbols = '%*()?@#$~'
var str = ($('.use_letters').prop('checked') ? letters : '') + ($('.use_digits').prop('checked') ? digits : '') + ($('.use_symbols').prop('checked') ? symbols : '')
var length = $('input[name=length]').val()
var password = ''
var next
for (var i = 0; i < length; i++) {
next = str[Math.floor(Math.random() * (str.length - 1 - 0 + 1)) + 0]
password+= Math.round(Math.random()) ? next : next.toUpperCase()
}
var q = 1
var int = setInterval(function() {
if (q >= length) clearInterval(int)
$('#result-password').val(password.substr(0,q))
q++
}, 35)
}
$(document).ready(function() {
generatePassword()
$('input[name=length]').blur(function() {
if ($(this).val() > 32) {
$(this).val('32')
}
})
$('.calc-submit').on('click', generatePassword)
})
}(jQuery)
//-->
</script>