[英]I have a windows onload function for onclick How can I add an onblur event and combine into one?
I need to have all javaScript external and I have window.onload = function 我需要所有javaScript外部,并且我具有window.onload =函数
window.onload = function(){//onload allows external onclick
document.getElementById('submit').onclick = function(evt) {
calcOrder();//validation of input(s)
} }//end window.onload = function() }} //结束window.onload = function()
this works when the submit button is clicked in the form, My question is I have an onBlur event also in the form how can I combine it into the window.onload = function ? 这在单击表单中的提交按钮时有效,我的问题是我在表单中也有一个onBlur事件,如何将其组合到window.onload = function中? Or can I? 可以吗
<p><input name="fname" id="fname" type="text" size="20" maxlength ="15" placeholder="First Name" onblur="validateFirstname();"/> <span id ="fnameprompt"></span>
<br>First name - Must be between 2 to 15 Characters </p>
You just need to add the following line inside the window.onload function 您只需要在window.onload函数内添加以下行
document.getElementById('fname').onblur = function(evt) { validateFirstname();
Here is an example 这是一个例子
<html>
<body>
<script language="javascript">
window.onload = function(){
document.getElementById('submit').onclick = function(evt) { calcOrder(); }
document.getElementById('fname').onblur = function(evt) { validateFirstname(); }
}
function calcOrder() {
alert('calcOrder');
}
function validateFirstname() {
alert('validateFirstname');
}
</script>
<p><input name="fname" id="fname" type="text" size="20" maxlength ="15" placeholder="First Name"/> <span id ="fnameprompt"></span>
<br>First name - Must be between 2 to 15 Characters </p>
<input type="button" id="submit" name="submit" value="submit">
</body>
</html>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.