0

フォーム内にテーブルがあります。ユーザーが 3 つの列の詳細をすべて入力する必要があります。ユーザーが誰かを残した場合、「名前を入力してください。空白にすることはできません」などの警告メッセージが表示されます。すべてのフィールドが入力されている場合は、insert into のみが機能します。

<table> <!--cellpadding=15 cellspacing=3-->
    <tr><td>Name</td><td>: <input type="text" name="name"></td></tr>
    <tr><td>Address</td><td>: <input type="text" name="address"></td></tr>
    <tr><td>Phone No</td><td>: <input type="text" name="dept_id"></td></tr>
</table>
4

7 に答える 7

0

フラグ変数を使用してみてください。

<input type="text" name="name" id="nameId">
<input type="text" name="address" id="addressId">
<input type="text" name="dept_id" id="dept_id">

このメソッドを呼び出しますonSubmit()

function validate()
{
  var validate = false;
  if(document.getElementById("nameId").value == "")
  {  
      alert("NAME IS REQUIRED");
     validate   = true;
  }
  ...................    

  ...................   


return validate ;

}

于 2013-06-26T04:36:05.097 に答える
0 

$(function() {

$("#registration_form").validate({

    rules: {
        name: {
            required: true,
            lettersonly:true
        },
         contact: {
            required: true,
            numbers:true,
            minlength:10,
            maxlength:11
       }
}
 messages: {
        name: {
            required: "<h4><span style='color:red'>Please Enter your Name</span></h4>",
            lettersonly: "<h4><span style='color:red'>Numbers And Symbols Not Allowed</span></h4>"
        },
         contact: {
            required: "<h4><span style='color:red'>Please Enter your Phone number</span></h4>",
            numbers: "<h4><span style='color:red'>Character And Symbols Are Not Allowed</span></h4>",
            minlength: "<h4><span style='color:red'>Your phone Number Must Be At Least 10 Characters Long</span></h4>",
            maxlength: "<h4><span style='color:red'>Please Enter No More Than 11 Numbers</span></h4>"
        }
}
 submitHandler: function(form) {
        form.submit();
    }
});  }); 

  jQuery.validator.addMethod("numbers", function(value, element) {
  return this.optional(element) || /^[0-9]+$/i.test(value);
}, "numbers only please");

name は Name フィールドの ID で、contact は Phone number フィールドの ID です。

于 2015-12-18T10:28:01.537 に答える
0 
$name = trim($_POST['name']);
if (empty($name))
    echo 'name is empty';

残りのフィールドに対してこれを行います

于 2013-06-26T04:39:58.150 に答える
0 
<form method="get" enctype="text/plain"action="">
<table> <!--cellpadding=15 cellspacing=3-->

<? if($_GET['name'] == "") print "Please enter the name, it cannot be blank"; ?>
<tr><td>Name</td><td>: <input type="text" name="name"></td></tr>

<? if($_GET['address'] == "") print "Please enter the Address, it cannot be blank"; ?>  
<tr><td>Address</td><td>: <input type="text" name="address"></td></tr>

<? if($_GET['dept_id'] == "") print "Please enter the Phone No, it cannot be blank"; ?>    
<tr><td>Phone No</td><td>: <input type="text" name="dept_id"></td></tr>

</table>
</form>

ユーザー入力を適切にエスケープすることを忘れないでください!!!

于 2013-06-26T04:40:56.127 に答える
0

完全なコード

<script type="text/javascript">
function validateForm()
{
   if (document.test.name.value == "")
   {
      alert("Please enter the name");
      document.test.name.focus();
      return false;
   }
   if (document.test.address.value == "")
   {
      alert("Please enter the address");
      document.test.address.focus();
      return false;
   }
   if (document.test.dept_id.value == "")
   {
      alert("Please enter the department id");
      document.test.dept_id.focus();
      return false;
   }
   return true;
}
</script>



<form method="post" name="test" onsubmit="return validateForm();">
   <table> <!--cellpadding=15 cellspacing=3-->
       <tr><td>Name</td><td>: <input type="text" name="name"></td></tr>
       <tr><td>Address</td><td>: <input type="text" name="address"></td></tr>
       <tr><td>Phone No</td><td>: <input type="text" name="dept_id"></td></tr>
      <tr><td colspan="2"><input type="submit" name="submit_form" /></td></tr>
   </table>
</form>
于 2013-06-26T05:22:06.853 に答える