7
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"> </script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/supersized.3.1.3.core.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/base.css" />
<link rel="stylesheet" href="css/supersized.core.css" type="text/css" media="screen" />
<link href='http://fonts.googleapis.com/css?family=Nunito:light,regular&v1' rel='stylesheet' type='text/css' />
<script type="text/javascript">
$(document).ready(function($){
$.supersized({
//Background image
slides : [ { image : 'images/pendulumWeb.jpg' } ]
});
$("form[name=emailSubmit]").validate({
rules: {
title: {
required: true
},
fName: {
required: true
},
lName: {
required: true
},
profession: {
required: true
},
email: {
required: true,
email: true
}
},
messages: {
title: {
required: "Please enter your title."
},
fName: {
required: "Please enter your first name"
},
lName: {
required: "Please enter your last name."
},
profession: {
required: "Please enter your profession"
},
email: {
required: "Please enter your email"
}
}
});
<div id="contact">
<form id="emailSubmit" name="emailSubmit" method="post">
<legend>Enter InformationEnter InformationEnter InformationEnter InformationEnter InformationEnter InformationEnter InformationEnter Information</legend>
<div id="submit">
<table>
<tr>
<td><span class="formTitles">Title</span></td>
<td><input id="title" name="title" value="" size="5" max="3" type="text" />
</td>
</tr>
<tr>
<td><span class="formTitles">First Name</span></td>
<td><input id="fName" name="fName" value="" size="20" type="text" /></td>
</tr>
<tr>
<td><span class="formTitles">Last Name</span></td>
<td><input id="lName" name="lName" value="" size="20" type="text" /></td>
</tr>
<tr>
<td><span class="formTitles">Profession</span> </td>
<td><input id="profession" name="profession" value="" size="20" type="text" /></td>
</tr>
<tr>
<td><span class="formTitles">Email</span> </td>
<td><input id="email" name="email" value="" size="20" type="text" /></td>
</tr>
<tr>
<td><span class="formTitles">Phone</span></td>
<td><input id="phone" name="phone" value="" size="20" type="text" /></td>
</tr>
<tr>
<td><span class="formTitles">Message</span></td>
<td><input id="message" name="message" value="" size="20" type="textarea" /></td>
</tr>
</table>
<button class="buttonPositive" type="submit"> Submit</button>
</div>
</form>
</div>
<div class="success" style="display: none;">
</div>
我不斷收到的開發人員工具此錯誤
遺漏的類型錯誤:對象的翻譯:沒有方法驗證
這是我的code..could其中一個我的外部JS文件造成這種情況?陷入這個問題。
我只是假設驗證方法是在jQuery庫中。謝謝您的幫助。我下載了插件,現在可以工作。 – wowzuzz