change
<body>
<s:form method="POST">
<html:errors/>
お名前をどうぞ
<html:text property="name" />
<s:submit property="syubetuList" value="送信"/>
<s:submit property="echo" value="echo送信"/>
<input class="btn btn-primary" type="button" value="承認" id="approve" data-loading-text="実行中" autocomplete="off"/>
</s:form>
<!-- モーダル・ダイアログ -->
<div class="modal fade" id="approveModal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span>×</span></button>
<h5 class="modal-title"><strong>承認</strong></h5>
</div>
<div class="modal-body">
<p>選択した承認を更新しますか?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" id="approveYes">はい</button>
<button type="button" class="btn btn-default" data-dismiss="modal" id="approveNo">いいえ</button>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script type="text/javascript">
$(":text[name='name']").on('change', function(){$(this).val($(this).val().toUpperCase());});
$('#approve').on('click', function(){
$('#approveModal').modal({keyboard: false, backdrop: "static",});
return false;
});
$('#approveModal').on('show.bs.modal', function (e) {
if ( $(":text[name='name']").val() == '' ) {
$("div.modal-body p").text("required!!");
} else {
$("div.modal-body p").text("OKKK!!");
}
// alert("xx");
})
</script>
</body>