jquery.validationEngine.jsとAタグでのsubmitを併用したい

Question

###前提・実現したいこと
いつもお世話になっております。

以下のソースコードのようにjquery.validationEngine.jsとAタグでのsubmitを併用したいのですが、Aタグで作ったボタンを押すとjquery.validationEngine.jsを無視して進んでしまいます。

jquery.validationEngine.jsが動作しているのは<input type="submit">で確認済みです。
jquery.validationEngine.jsは下記からダウンロードしたままの状態です。
https://github.com/posabsolute/jQuery-Validation-Engine

どのようにすれば併用できるのか教えてください。
よろしくお願いします。

###該当のソースコード

<script type="text/javascript" src="./js/jquery.min.js"></script> 
<script type="text/javascript">
jQuery(document).ready(function(){
	jQuery("#contact-form").validationEngine();
});
</script>
<script type="text/javascript" src="./js/jquery.validationEngine.js"></script>
<script type="text/javascript" src="./js/languages/jquery.validationEngine-ja.js"></script>
<link rel="stylesheet" href="./css/validationEngine.jquery.css" media="all" />
<form id="contact-form" action="./check.php" name="contactform" method="post">
<section>
<dl>
<dt>連絡先</dt>
<dd>
<div class="box2"><label>電話</label><br><input type="text" class="validate[required]" name="tel" value=""></div>
<div class="box2"><label>E-mail</label><br><input type="text" class="validate[required]" name="e_mail" value=""></div>
</dd>
</dl>
</section>
<section class="tac">
	<a href="javascript:void(0)" onclick="document.contactform.submit();return false;"><img src="../shared/images/btn_inquiry_confirm_off.png" class="shadow"></a>
</section>
</form>

Comments

[kei344]

プラグイン／ライブラリは取得した場所のURLを質問文に追記ください。また、URLにはリンクを張ることができますので、編集よろしくお願いします。

[igaiga]

編集しました。よろしくお願いいたします。

Answer 1

すみません。submitを<button type="submit" class="hoge">検索する</button>にすれば、jquery.validationEngine.jsも併用できそうです。
失礼いたしました。

Answer 2

$( 'form' ).validationEngine( 'validate' ) で validate を実行できるようなので、こんなかんじですかね。

jQuery( document ).ready( function() {
	jQuery( '#contact-form' ).validationEngine();
	jQuery( '#try-validate' ).click( function() {
		if ( ! $( '#contact-form' ).validationEngine( 'validate' ) ) {
			// validate失敗
		} else {
			document.contactform.submit();
		}
		return false;
	} );
} ); // 未テスト

<section class="tac">
	<a href="javascript:void(0)" id="try-validate"><img src="../shared/images/btn_inquiry_confirm_off.png" class="shadow"></a>
</section>

Comments

[igaiga]

数秒差で自己解決にしてしまいました。申し訳ございません。
試してみます。

[kei344]

いや、動くならコード量が少ないほうが問題がおきにくいので、そのままにされたほうがいいですよ。

[igaiga]

試してみましたが validate は実行されるようになったものの、確認画面に遷移してしまいました。

[kei344]

> 試してみましたが
button のほうですか？

[igaiga]

kei344さんにいただいたやつです。

[kei344]

HTML部分も書き換えられましたか？もし提示したものに書き換えられているとしたら、submit 処理が起動しないはずなので、変ですね。

ひとまず button で解決されているようなので、私の書いたコードは忘れてください。手間を取らせてすいません。