我有一个由两个下拉字段组成的表单。
<form action="" method="post" id="validation">
<div>
<input type="text" name="name">
</div>
<div>
<select id="car" name="car">
<option value="">Select....</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
</div>
<div>
<select id="fruit" name="fruit">
<option value="">Select....</option>
<option value="orange">Orange</option>
<option value="papaya">Papaya</option>
<option value="avacado">Avacado</option>
</select>
</div>
<input type="submit" value="Purchase" id="submit">
</form>
Run Code Online (Sandbox Code Playgroud)
我想收集这些信息并执行一些操作,但在我想验证之前。但我不确定在哪里放置我的验证代码。这是我的“ajax_js”文件。
$(document).ready(function(){
$('#submit').on('click', function(e){
e.preventDefault();
var car = $('#car').val();
var fruit = $('#fruit').val();
// I am applying validation here
$('#validation').validate({
rules: {
car: {
required: true
},
fruit: {
required: true
}
}
})
$.ajax({
type: 'post', …Run Code Online (Sandbox Code Playgroud)