无法在JQuery中查找表单输入

Missing something very elementary here, I have a basic form im testing on that I want to check if a field is empty :

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

    <%@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>

Is able to work, however I would like to know which field in particular is blank and add either a red outline or text inside indicating it is required. Any thoughts?

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

JFiddle Here

3 个解决方案

#1

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

JSFIDDLE

3 个解决方案

#1

更多相关文章

随机推荐