Member Avatar for ashcares

Hi,

Can someone help provide directions on how i can add selective required fields on my make a request page?

Basically I want to make place, email, contact and name a requirement while the rest is just optional!

Thanks,

  • 4 Contributors
  • 4 Replies
  • 95 Views
  • 20 Hours Discussion Span
  • Latest Post Latest Post by Tulsa

Recommended Answers

All 4 Replies

Member Avatar for ashcares

It would also be an added bonus if I can get some tips on setting requirements to email format (ie blank@blank.com) and numerical format for phone numbers (ie 444-555-6666).

Thanks again,

Member Avatar for OmniX

I would recommend using javascript for any input validation but if you insist on using php you would have to do some research on php regular expressions vs. your personal requirements.

Let me know how you go, Regards X

Member Avatar for kvprajapati

Following fragement of web page helps to understand the basics of validation.

Read more on Regular Expression.

<html>
<head>
  <title>Example 1</title>
  <style type="text/css">
    .formTitle {vertical-align:top; text-align:right;}
  </style>

<script type="text/JavaScript">

  function validate(form) {
    var returnValue = true

    var name=form.txtName.value
    if (name=="")
      {
        returnValue = false;
        alert("You must enter a name")
        document.frmCompetition.txtName.focus();
      }

    var email=form.txtEmail.value
    var rxEmail = /^\w(\.?[\w-])*@\w(\.?[\w-])*\.[a-z]{2,6}(\.[a-z]{2})?$/i;

    if (!rxEmail.test(email))
      {
        returnValue = false;
        alert("You must enter a valid email address")
        document.frmCompetition.txtEmail.focus()
      }

    var radioChosen = false;
    var radioButtons = form.radAnswer;
    for (var i=0; i<radioButtons.length; i++) {
    if (radioButtons[i].checked)
      {
      radioChosen=true;
      }
    }

    if (radioChosen == false) {
      returnValue = false;
      alert("You did not answer the question");
    }

    var tieBreaker=form.txtTieBreaker.value
    var tieBreakerWords = tieBreaker.split(/\s+/g);
    wordCount = tieBreakerWords.length;

    if (tieBreaker=="")
      {
        returnValue = false;
        alert("You must enter an answer for the tie breaker")
        document.frmCompetition.txtTieBreaker.focus();
      }

    if (wordCount > 20) {
      returnValue = false;
      alert("Your tie breaker answer must be no more than 20 words. You entered "+ wordCount+ "words.");
      document.frmCompetition.txtTieBreaker.focus();
    }
    return returnValue
  }    

  </script>

</head>
<body>

<form name="frmCompetition" action="competition.php" method="post" onsubmit="return validate(this);">
<table>
  <tr>
    <td class="formTitle">Name: </td>
    <td><input type="text" name="txtName" size="18" /></td>
  </tr>
  <tr>
    <td class="formTitle">Email: </td>
    <td><input type="text" name="txtEmail" size="18" /></td>
  </tr>
  <tr>
    <td class="formTitle">Answer: </td>
    <td><input type="radio" name="radAnswer" value="Red" /> Red<br />
          <input type="radio" name="radAnswer" value="Gray" /> Gray<br />
          <input type="radio" name="radAnswer" value="Blue" /> Blue
    </td>
  </tr>
  <tr>
    <td class="formTitle">Tie breaker <br/ ><small>(no more than 20 words)</small>: </td>
    <td><textarea name="txtTieBreaker" cols="30" rows="3" /></textarea></td>
  </tr>
  <tr>
    <td class="formTitle"></td>
    <td><input type="submit" value="Enter now"  /></td>
  </tr>
</table>

</form>

</body>
</head>
</html>
Member Avatar for Tulsa

hi
i just view your code but i just give a one way for validation all this
like mail,web,no. etc u should use spry frame work of java script
this you can download after searching from google ok.
which include the file .js and .css for diffrent element like textbox,textarea,listbox,checkbox etc.

this use you can after some syntax which you can learn from the given help in this frame work

I hope this can helping to you.
Thanks

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.