javascript – 表单如何查找()电子邮件和密码输入
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 表单如何查找()电子邮件和密码输入,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2316字,纯文字阅读大概需要4分钟。
内容图文
![javascript – 表单如何查找()电子邮件和密码输入](/upload/InfoBanner/zyjiaocheng/746/6a24eb1f244c4d77aaafef7258c8fc79.jpg)
我有一个表单通过jQuery中的$.post()提交数据. PHP文件以这种格式返回响应:
header('Content-type: javascript/json');
echo json_encode(['state' => true, 'message' => 'Some Message']);
exit;
在编码时看起来像这样,工作正常:
{state: true, message: 'Some Message'}
但是,我无法发送表单字段.我已经尝试使用find()函数,但它在控制台中返回undefined.
这是我的代码:
$(document).ready(function() {
var Member = {
login_form: $('#login'),
create_form: $('#register'),
response: false,
response_message: '',
login: function() {
var email = this.login_form.find('input[type=email]').val();
var password = this.create_form.find('input[type=password]').val();
this.request('/members/login', {
email: email,
password: password
});
},
create: function() {
var email = this.create_form.find('input[type=email]').val();
var password = this.create_form.find('input[type=password]').val();
this.request('/members/create', {
email: email,
password: password
});
},
request: function(uri, params) {
$.post(uri, params)
.done(function(r) {
Member.response = r.state;
if (!r.state) {
Member.response_message = r.message;
}
});
},
getEmail: function() {
return this.create_form.find('input[type=email]').val();
},
getPassword: function() {
return this.create_form.find('input[type=password]').val();
}
};
$('#submit').click(function() {
Member.login();
console.log('[L_CTRL] Response : ' + Member.response_message);
console.log('[L_CTRL] Email : ' + Member.getEmail());
console.log('[L_CTRL] Password : ' + Member.getPassword());
});
});
input {
margin: 5px;
background: none;
padding: 5px;
border: 1px solid #000;
width: 80%;
}
button {
padding: 5px;
border: 1px solid #000;
background: none;
cursor: pointer;
}
button:hover {
background: #000;
color: #fff;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<h1>
Login
</h1>
<form id='login'>
<input type='email' placeholder='Enter your email address...'>
<input type='password' placeholder='Enter your unique password...'>
<button type='button' id='submit'>
Go
</button>
</form>
有人能指出我正确的方向来访问输入字段的val()吗?谢谢.
更新:我不想使用其ID直接找到它,即:
$('#email').val();
因为ID可以从表单更改为表单.
解决方法:
改变这两个功能如下:
getEmail: function() {
console.log();
return this.login_form.find('input[type=email]').val();
},
getPassword: function() {
return this.login_form.find('input[type=password]').val();
}
内容总结
以上是互联网集市为您收集整理的javascript – 表单如何查找()电子邮件和密码输入全部内容,希望文章能够帮你解决javascript – 表单如何查找()电子邮件和密码输入所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。