无法在JQuery中查找表单输入

时间:2015-05-05 22:58:52

标签: javascript jquery

在这里缺少一些非常基础的东西,我有一个基本的表格即时测试,我想检查一个字段是否为空:

    <%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!--#include file="Connections/Logistics.asp" -->
<!DOCTYPE html>
<html>
<head>
  <meta "http-equiv="X-UA-Compatible" content="IE=edge"">
  <title>XXXXXXXXXXXXXXXX</title>
<script src="img/scripts/jquery-1.11.2.min.js"></script>
<script>
$(window).load(function(){
var fields  = $(":input").serializeArray();
$.each(fields,function(i,e){
    if(e.value === ""){
        $( "span" ).text( "Not valid!" ).show().fadeOut( 1000 );  
        event.preventDefault();
        }
    });
});
</script>
</head>
<body>
<form id="form">
    <input type="text" name="1" id="in1" value="hi">
    <input type="text" name="2" id="in2" value="asdf"/>
    <input type="text" name="3"id="in3" value="bye">
    <span></span>
</form>
</body>
</html>

能够工作,但我想知道哪个字段特别是空白,并在内部添加红色轮廓或文本,表明它是必需的。有什么想法吗?

JFiddle Here

3 个答案:

答案 0 :(得分:3)

$('#form input').each(function(){
    if($(this).val() == ""){
         alert('this field is empty');
        $(this).css('border','1px solid red');
    }else{
        alert($(this).val());
    }
});

JSFIDDLE

答案 1 :(得分:2)

试试这个

JS

  var fields = $('#form input[type="text"]');

    $.each(fields, function(i, f) {
        if($(f).val() == '') {
            $(f).closest('span')
            .append('<span style="color: red;">IS EMPTY</span>'); // show something   
        }
    });

tests for PolylmerElements/iron-ajax

答案 2 :(得分:1)

您使用此行private void Form1_Load(object sender, EventArgs e) { transparentTabControl1.MakeTransparent(); } 走在正确的轨道上,但您没有提供该数据的事件:以下是您的小提琴中的更新内容:

event.preventDefault();