在Jquery调用之间添加其他函数
Adding other functions between Jquery calls
下面是该程序的代码。基本上,我有一些jQuery调用可以淡入淡出div。但是,在Jquery淡出并在另一个div中淡出之前,我想检查表单验证和用户输入。
我的问题是,如何在Jquery之间正确地添加其他函数,就像我为validateForm()所做的那样&validatePostalCode()?
JQUERY
<script type="text/jquery>
$(document).ready(function() {
$("#welcome").fadeIn('fast');
$('#forward').click(function(e) {
$('#welcome').fadeOut('fast', function() {
$('#service').fadeIn('fast');
});
});
$('#previous-service').click(function(e) {
$('#service').fadeOut('fast', function() {
$('#welcome').fadeIn('fast');
});
});
$('#next-service').click(function(e) {
postalCode();
validatePostalCode(true);
$('#service').fadeOut('fast', function() {
$('#match').fadeIn('fast');
});
});
$('#previous-match').click(function(e) {
$('#match').fadeOut('fast', function() {
$('#service').fadeIn('fast');
});
});
$('#next-match').click(function(e) {
$('#match').fadeOut('fast', function() {
$('#information').fadeIn('fast');
});
});
$('#previous-information').click(function(e) {
$('#information').fadeOut('fast', function() {
$('#match').fadeIn('fast');
});
});
$('#next-information').click(function(e) {
validateForm();
$('#information').fadeOut('fast', function() {
$('#confirmation').fadeIn('fast');
});
});
JAVASCRIPT
<script type="text/javascript">
function validateForm() {
var x = document.forms["#information"]["#first_name"].value;
if (x == null || x == "") {
alert("First name must be filled out");
return false;
}
}
function validatePostalCode() {
var x = document.forms["#serviceForm"]["#postal"].value;
if (x == null || x == "") {
alert("Oops, the postal code must be filled out!");
return false;
}
}
</script>
<script type="text/javascript">
function postalCode() {
var text = document.getElementById('postal').value;
}
</script>
HTML
<form id="informationForm" action="" onsubmit="return validateForm()" method="">
<div class="form-group">
<label for="first_name">First Name</label>
<input type="text" class="form-control" id="first_name" autofocus required>
</div>
您可以在<script></script>
标记之间添加任意多的javascript。
示例:
<script>
function normalJavascript(){
alert("hello i am js");
}
$(function(){
alert("I am the jQuery on page ready function");
normalJavascript();
}
</script>
相关文章:
- 对其他函数使用匿名函数's参数
- 创建要在其他函数中使用的全局变量
- 在Jquery调用之间添加其他函数
- Mocking console.log()/MOCHA测试框架中的任何其他函数
- 如何从ipify函数返回ip地址,以便在其他函数中使用
- 如果没有其他函数链接到promise,则默认行为
- Javascript创建函数,以便在其他函数之间共享变量
- 使通过函数加载的JSON可用于其他函数
- 可以获取模板实例值,但不能将其用于其他函数
- 如何停止一个函数并将其他函数设置为在 html5 的 javascript 中加载时运行
- 这个关键字位于$.ajax()中,用于调用其他函数来设置url
- SQLite+Javascript:在每个其他函数中执行多个查询
- 调用geocomplete中的其他函数
- 如何在 javascript 中将变量传递给对象内的其他函数
- 如何在Javascript中创建一个调用其他函数的函数
- 我用脚本创建了一个按钮.我可以通过点击按钮调用其他函数吗?我这样做,但失败了
- AJAX请求返回Javascript获胜't返回特定函数,但将返回其他函数
- 如何在其他函数中使用fn作为函数参数
- 返回带有其他函数的变量
- 如何在ES6中使用Arrow函数引用对象内部的其他函数