我无法使用jQuery选择输入的值

debugcn 发表于 Dev

用户名

$('.submit__form').on('click', function(e) {
    e.preventDefault();
    var id = '.' + $(this).data('id');
    var person__name = $('#person__name').val();
    var person__email = $('#person__email').val();
    var booking__participants = $('#booking__participants').val();

    alert(person__email || 'none');

    // if (person__email === '' || person__name === '' || booking__participants === '') {
    //  alert('Preencha os campos obrigatórios.');
    // } else {
    //  $(id).submit();
    // }
});

我不知道为什么，但是我无法选择person__name和person__email的值，最奇怪的部分是我可以在浏览器的控制台中选择值……有人知道是什么原因引起的？

这不是html的问题，2个输入字段的id为person__name和person__email。

该代码在一个外部文件中，我在html的底部调用它。

HTML：

<form>

<input id="person__name" name="person.name" type="text" />
<input id="person__email" name="person.email" type="email" />


<a class="submit__form">Submit</a> 
</form>

我不能使用提交输入。

更新：

页面底部的脚本：

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.mask/0.9.0/jquery.mask.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/headroom/0.6.0/headroom.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.5/waypoints.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/velocity/1.1.0/velocity.min.js"></script>
<script src="//cdn.jsdelivr.net/velocity/1.1.0/velocity.ui.min.js"></script>
<script src="/client/scripts/main.js"></script>

在主脚本中：

(function() {
 //code

})();

乔纳森

如果要提醒名称，请确保在jQuery中使用名称

alert(person__name || 'none');
// Not:
alert(person__email || 'none');

http://jsfiddle.net/376fLujs/3/

另外，请确保正确包含您的脚本。在脚本之前包含jQuery：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="local.js" type="text/javascript"></script>

添加：console.log（“ working”）; 作为脚本的第一行
打开Chrome控制台/ Firebug并刷新您的页面。
如果您在控制台中看不到“正在运行”，则说明您的JavaScript包含不正确。

编辑：再次根据您的评论。如果您有多种形式，请重新使用相同的ID，它将无法正常工作。始终保持ID唯一。由于您的链接像您的输入一样位于表单内部，因此您可以执行以下操作：

var person__email = $(this).parent().find("input[name='person.email']").val();
// DRX points out that escaping may be necessary:
var person__name = $(this).parent().find("input[name='person\\.name']").val();

http://jsfiddle.net/376fLujs/4/

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。