使用Jquery检索在登录框中提交的数据

Using Jquery for retrieving data submitted in login box

本文关键字:提交 数据 登录 Jquery 检索 使用      更新时间:2023-09-26

我有这个表单,我想检索在密码和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
  }
})