jquery表单提交和文本框验证

Question

我有一个表单。

表单有一个文本框和一个提交按钮，就这些了。

我希望按钮在导致页面跳脱之前验证文本框不是空的/空白的;在发布页面之前。

1）如果按钮被点击，然后如果文本框是空白的，然后改变文本框的背景颜色&不要将页面发回服务器。

2）如果点击了按钮，那么如果文本框不为空将页面发回服务器。

感谢。

Answer 1

像这样的东西应该让你开始：

$('form').submit(function(){ 
 
    $('#id1').removeClass('errorField'); 
 
    var in1 = $('#in1').val(); 
 
    if (in1==""){ 
 
    $('#id1').addClass('errorField').focus(); 
 
    return false; 
 
    } 
 
    
 
});

.errorField{background:yellow;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<form action="another_php_file.php" method="post"> 
 
    <input id="in1" name="in1" type="text" /> 
 
    <button id="btnSubmit">Submit</button> 
 
</form>

---

你可能已经知道这一点，但JIC：凡形式被调回要看的内容表单标签上的action=属性。

<form action="sumother_php_file.php" method="post"> 

会的形式发送给名为sumother_php_file.php

<form action="" method="post"> 

将发布形式本身一个PHP文件（您想补充<?php //tags ?>之间的PHP代码来管理的变量是否$_POST['in1']isset或问题不）