使用Jquery检索在登录框中提交的数据
Using Jquery for retrieving data submitted in login box
我有这个表单,我想检索在密码和id中提交的数据
字段,以便查看是否为合法用户使用Jquery:
<form>
<div id="login" align="right" >
Password: <input type="password" id="pass"/>
Username: <input type="text" name="name" value="User" id="user"/>
<input type="submit" id="send" value=" Send " class="submit" />
<hr color='black'/>
</div>
</form>
有什么想法应该写在js文件?
编辑:我有一个固定的和单一的密码和用户名,让他们都是'admin'
尝试如下:
$('body').on('submit', 'form', function(e){
valid = true;
if ($('#pass').val() != 'admin') valid = false;
if ($('#user').val() != 'admin') valid = false;
if (valid) {
alert('Correct Login');
$('body').off('submit');
$(this).submit();
}
else {
alert('Incorrect Login');
return false;
}
});
点击此处:http://jsfiddle.net/paD2s/5/
从表单中抓取值就像使用$('#id').val()一样简单-在检索数据之后,您可以根据您认为合适的方式验证它。比如
——免责声明:未测试——
$('#send').click(function(e){
var user = $('#user').val(),
pass = $('#pass').val();
if( user !== 'admin' || pass !== 'admin' ){
e.preventDefault()
} else {
// submit the form
}
})
相关文章:
- 在php中提交数据时,如果某些值为null,而某些值为非null,如何进行查询
- jQuery-输入时不提交数据
- 在提交数据之前更改选择表单元素中的值
- CORS问题,同时提交数据到谷歌表单的角度
- 表单未通过POST或GET提交数据
- 我刚刚开始使用 MEAN 堆栈.我试图将我的表单提交数据存储到 mongo 数据库,但我无法这样做
- AJAX 以 JSON 格式向 PHP 提交数据
- Javascript 表单提交数据在提交到PayPal时不会更改
- AJAX 不会提交数据
- 表单不提交数据
- 如何在实际提交之前使用标准提交事件和jquery删除/增强/更改表单提交数据
- 从令牌输入.js提交数据
- 如何在按下回车键(jQuery)时提交数据
- 我如何使用javascript进行验证,然后使用php提交数据
- 提交数据时刷新页面
- 添加行&通过ajax提交数据
- 使用GET变量自动提交数据表搜索
- 引导向导如何在保存或提交数据后将默认活动选项卡(第一个选项卡)覆盖到上一个活动选项卡
- 在向数据库提交数据之前执行onsubmit
- 向服务器提交数据后关闭弹出菜单