在不同的文件中使用Javascript获取表单数据
Get Form Data using Javascript in different file
我有一个HTML文件和一个JavaScript文件来捕获数据,我曾试图捕获数据,但它不起作用,函数没有运行。
这是我的代码
HTML文件:
<form class="form-newsletter">
<div class="form-group">
<span><input type="text" name="name" value="" class="input-type" placeholder="Masukkan Email Anda"></span>
<input type="submit" class="btn btn-yellow" value="SUBMIT" onclick="newsletterFormFunctions()"/>
</div>
</form>
JS文件:
function newsletterFormFunctions() {
NewsletterConfig.email = '';
NewsletterConfig.name = 'Test';
console.log('Enter Here');
$('form.form-newsletter input[type="submit"]').click(function (evt) {
validateForm();
});
function validateForm() {
$('form.form-newsletter input[type="submit"]').prop('disabled', true);
$('form.form-newsletter input[type="submit"]').val('LOADING');
NewsletterConfig.email = $('form.form-newsletter input.input-type').val();
}
}
您应该将事件绑定放在'newsletterFormFunctions'函数之外,比如放在文档就绪事件处理程序中。
function newsletterFormFunctions() {
NewsletterConfig.email = '';
NewsletterConfig.name = 'Test';
console.log('Enter Here');
}
$(document).ready(function() {
$('form.form-newsletter input[type="submit"]').click(function(evt) {
validateForm();
});
function validateForm() {
$('form.form-newsletter input[type="submit"]').prop('disabled', true);
$('form.form-newsletter input[type="submit"]').val('LOADING');
NewsletterConfig.email = $('form.form-newsletter input.input-type').val();
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class="form-newsletter">
<div class="form-group">
<span><input type="text" name="name" value="" class="input-type" placeholder="Masukkan Email Anda"></span>
<input type="submit" class="btn btn-yellow" value="SUBMIT" onclick="newsletterFormFunctions()" />
</div>
</form>
相关文章:
- 使用Javascript获取所选选项ID
- 可以't使用JavaScript获取width属性
- 如何使用javascript获取嵌套对象中所有子对象的单个属性
- Javascript获取上一个元素的内容
- 使用Javascript获取Twitter访问令牌
- 在不同的文件中使用Javascript获取表单数据
- 如何用javascript获取谷歌地图的经度和纬度
- 使用javascript获取表的td值
- 如何使用JavaScript获取当前URL
- 如何在谷歌网站中使用javascript获取当前页面的网址
- Javascript获取所有锚链接的索引
- 如何使用javascript获取从指定文件夹创建的所有文件的名称、大小、类型和日期
- Javascript获取具有不同id的文件数's来自没有多个属性的文件输入元素
- 如何使用javascript获取下一个/转发url
- 需要使用javascript获取输入文本,然后将其添加到句子中
- 使用JavaScript获取Gridview单元格值
- 使用javascript获取跨度的文本
- 如何使用Javascript获取POST请求填充的元素的值
- JavaScript-获取数据属性的值返回未定义的值
- Javascript:获取“;FORM”;它是在.html到外部.js文件中创建的