<script type="text/javascript">
function ddlValidate() {
var qq = document.forms['frm'].question.value
if(qq === "") {
alert("empty");
document.getElementById(question).style.background ='#F99984';
return false;
}
var e = document.getElementById("ddlView");
var optionSelIndex = e.options[e.selectedIndex].value;
var optionSelectedText = e.options[e.selectedIndex].text;
if (optionSelIndex == 0) {
alert("Please select a Course");
return false;
}
return true;
}
</script>
<template id="ibregistration">
<t t-call="website.layout">
<form action="/website/form/" method="post" class="form-signin s_website_form form-horizontal container-fluid mt32" enctype="multipart/form-data" data-model_name="ibprogram.studentregistration" data-success_page="/onetimepassword" >
<input name="question"/>
<span id="errorSpan" style="color: red;"></span>
<div>
<span>Select the course : </span>
<select id="ddlView" >
<option value="0">Select</option>
<option value="1">Java Script</option>
<option value="2">CSS</option>
<option value="3">JQuery</option>
<option value="3">HTML</option>
<option value="3">C#</option>
</select>
</div>
<input type="submit" class="btn" value="Submit" id="btnSubmit; insert" onclick="ddlValidate();" />
</form>
</t>
</template>
how to stop my form getting submitted
Why don't you just add required="required" to your select? Don't know for select but for input it works. Have you tried it?