Question

我有这个表单，我想检索密码和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'

Answer 1

尝试以下方法：

$('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/

我希望它有所帮助。

Answer 2

从表单中抓取值就像使用$（'＃id'）一样简单.val（） - 在检索数据后，您可以根据需要对其进行验证。这样的事可能

- 免责声明：未经测试 -

$('#send').click(function(e){
  var user = $('#user').val(),
      pass = $('#pass').val();

  if( user !== 'admin' || pass !== 'admin' ){
     e.preventDefault()
  } else {
    // submit the form
  }
})

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

2 个答案: