button要素のonclick属性に仕掛けた関数が未定義となり起動できない
標題の件、問題の関数inicheck();はHEADタグ内で記述するjs/entry.jsの中にfunctionとして記述しています。 画面を開いてonclick属性を仕掛けたボタンを押下しても、無反応となってしまいます。
ブラウザの開発ツールを開くと、案の定 定義されていませんというエラーになっていました。
質問:
onclick属性で定義した関数を、外部ファイルに書くことはできないのでしょうか?inicheckという関数を動作させるための対策をご教示ください。
-HTML-
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>申請画面</title>
<link rel="stylesheet" type="text/css" href="css/entry_style.css">
<script type="text/javascript" src="js/entry.js"></script>
</head>
<body>
<form method="get" action="">
<div class="ctrl">
<button type="button" class="iabtn" onClick="inicheck();">確認</button>
以下HTML省略
-js/entry.js-
$(function() {
//テキストボックスへフォーカスあてる。
$("input[type=text]").eq(1).focus();
//カレンダ表示。
$("#calendar").datepicker({minDate: "0d", maxDate: "+30d"});
//日付枠は入力できないようにする。
$("#calendar").keydown(function(event){
return false;
});
// 省略
//****【これが作用しない】****
function inicheck () {
alert("今夜が山田");
}
});