プラグインと .validate() メソッドを使用するのは初めてです。これでフォームが作成され、送信ボタンをクリックするたびに、フォームの検証を行わずにフォームが実行されます。これが私のコードです:
<form class="form d" method="post" action="">
<input type="text" name="searchtitle" id="searchtitle" placeholder="Enter the textbook's title">
<input type="text" name="searchauthor" id="searchauthor" placeholder="Enter the textbook's author">
<input type="text" name="searchpublisher" id="searchpublisher" placeholder="Enter the textbook's Publisher">
<input type="text" name="searchedition" id="searchedition" placeholder="Enter the textbook's edition">
<select name="searchuniversity" id="searchuniversity"></select>
<select name="searchuniversitycampus" id="searchuniversitycampus" ></select>
<input type="submit" id ="searchsubmit" name="searchsubmit" value="Search">
</form>
次に、次のJavascriptがあります。
$(document).on('pageinit',"#searchpage",
//this funciton will carry out the things we need to do to carry out our search
function(e)
{
e.preventDefault();
$(".form.d").validate({
rules: {
name: {
required: true
},
email: {
required: true,
email: true
},
comments: {
required: true,
minlength: 5,
nourl: true
}
},
messages: {
name: "Required Field",
email: "Valid Email Required",
comments: "Required Field + No URL's"
}
});
$("#searchsubmit").click(
function(e)
{
//Do a lot of processing here
});
});
私が言ったように、私はフォーマ検証を行い、関数を使用することに非常に慣れていません。
これが問題のjsFiddleです。フィドルで送信をクリックすると、「こんにちは」と警告され、検証が行われます。これを防ぐ方法。つまり、最初に最初に検証してから関数を実行しますか?