文章/答案/技术大牛

发布

社区首页 >问答首页 >如何让`form.field.value`进入jQuery？

问如何让`form.field.value`进入jQuery？
EN

Stack Overflow用户

提问于 2013-08-31 01:05:47

回答 4查看 40.2K关注 0票数 8

在javascript中，我可以在提交时验证一个表单，如下所示：

<form action="" method="post" onsubmit="return validate(this)">
    <input type="text" name="uName" id="uName" />
    <input type="password" name="passKey" id="passKey" />
    <input type="submit" name="loginBtn" value="login" />
</form>

<script type="text/javascript">
function validate(loginForm){
    if(loginForm.uName.value == ''){
        alert('Please Enter Username');
        loginForm.uName.focus();
    }else if(loginForm.passKey.value == ''){
        alert('Please Enter Password');
        loginForm.passKey.focus();
    }else {
        return true;
    }
}
</script>

我尝试使用下面的jQuery代码

<form action="" method="post">
    <input type="text" name="uName" id="uName" />
    <input type="password" name="passKey" id="passKey" />
    <input type="submit" name="loginBtn" value="login" />
</form>
<script type="text/javascript">
    $('form').submit(function(loginForm){
        if(loginForm.uName.val() == ''){
            alert('Please enter username');
            loginForm.uName.focus();
        }else if(loginForm.passKey.val() == ''){
            alert('Please enter username');
            loginForm.passKey.focus();
        }else {
            return true;
        }

        return false;
    });
</script>

但不适合我..。请帮帮我.！

javascript

jquery

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-08-31 01:12:35

是像这样吗？

$('#submit').click(function(){
    if( $('#uName').val() == ''){
        alert('empty');
    }
});

http://jsfiddle.net/TTmYk/

提交表单在我的小提琴中有一个错误，你可能需要修复它。

票数 7

Stack Overflow用户

发布于 2015-10-20 13:02:37

请参阅表单字段jQuery插件：https://github.com/webarthur/jquery-fields

您可以按以下方式使用该插件：

var form = $('form#id_form').fields();

form.name.val('Arthur');
form.age.hide();
form.description.css('height', 200);

或者这样：

var form = $('form#id_form').fieldValues();

form.name('Arthur');
form.age(29);
form.description('Web developer.');

var name = form.name();

票数 4

Stack Overflow用户

发布于 2013-08-31 01:22:32

submit回调函数中的参数不是元素，而是事件。因此，在回调内部，this表示表单元素，因此您只需执行this.uName.value，也可以避免使用id。所以

$('form').submit(function(e){
        if(this.uName.value == ''){
            alert('Please enter username');
            this.uName.focus();
        }else if(this.passKey.value == ''){
            alert('Please enter username');
            this.passKey.focus();
        }else {
            return true;
        }

        return false;
    });

小提琴

加上val()是jquery方法，在普通的javascript中，您将使用value，在本例中，这应该足够了。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18543461

复制

相似问题

问如何让`form.field.value`进入jQuery？
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何让`form.field.value`进入jQuery？EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何让`form.field.value`进入jQuery？
EN