Question

我有一张表格。

表单有一个文本框和一个提交按钮，这就是全部。

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

1）如果点击了按钮，那么如果文本框为空，则更改文本框背景颜色＆amp;不要将页面发回服务器。

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

的PHP文件

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

将表单发布到自身（您可以在<?php //tags ?>之间添加PHP代码来管理变量$_POST['in1'] isset是否 <的问题/ p>

Jquery表单提交＆amp;文本框验证

1 个答案: