Question

I have formatted my form using uniform jquery plugin. Also for submitting the form i am using a link as i have added some effect to it and if I use input type submit for this it will get formatted with uniform .

<form>
      <ul>
        <li><label>Your Name:</label><input type="text" name="name" size="40"/></li>
        <li><label>Your Email:</label><input type="email" name="email" size="40"/></li>
    <li>
          <label>Gender:</label>
          <select name="gender">
            <option>Male</option>
            <option>Female</option>
            </select>
        </li>
    <li><label>Subject:</label><input type="text" name="subject" size="40"/></li>

    <li><label>Write your letter here:</label><textarea name="message" cols="60" rows="15"></textarea></li>
        OR ELSE<br/><br/>
        <li>
          <label>Upload your letter:</label>
          <input type="file" />
        </li>
        <li>
            <a id="mylink" class="button" href="#">
    <img src="button.png" alt="" />Send</a>


        </li>

      </ul>
    </form>

Now i want to submit this form using the link and also want to email it to two email ids simultaneously. What javascript code can i use. I am using the following code to submit the form and then in send.php I am sending the mail.

a.onclick = function() {
    $(this).parents('form:first').submit();
    send.php;

    return false;
}​

Is it possible to call send.php like this?

Answer 1

Do you mean:

If you have action=”send.php” in your form, then

$(document).ready(function() {
    $("#mylink").click(function(e) {
        e.preventDefault();
        $(this).closest('form').submit();
    });
});

Or, you can set action for the form and submit, like

$(document).ready(function() {
        $("#mylink").click(function(e) {
            e.preventDefault();
                var myFrm = $(this).closest('form');
                myFrm.get(0).setAttribute('action', 'send.php');
            myFrm.submit();
        });
    });

OR, using ajax

$(document).ready(function() {
    $("#mylink").click(function(e) {
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: "send.php",
            data: {your data to post here},
            succes: function(resp) {
                //your response here
            }
        });
    });
});