Text - Empty Text Node issue in IE 8 - html

I am using IE8 browser. It creates an empty text node after <input /><span><textarea> like this tags.
I cant found how rectify this. Can anybody tell me to fix this issue..?
Code :-
<form id="addNewsForm" action="/addNews.php" method="post" enctype="multipart/form-data">
<label>Title : </label>
<input type="text" class="addNewsTitle" name="addNewsTitle" />
<label>Content : </label>
<textarea rows="10" cols="35" name="addNewsCnt" class="addNewsCnt"></textarea>
<label>Category : </label>
<select>
<option>world</option>
<option>important</option>
<option>common</option>
<option>tamilnadu</option>
<option>lifestyle</option>
</select>
<input type="button" name="noimage" class="newsImgAdd" value="ADD IMAGE" />
<input type="file" name="file" class="addNewsImg" />
<input type="submit" class="submit addNewsSubmit" value="SUBMIT" />
<iframe id="addNewsFrame" name="addNewsFrame"></iframe>
</form>

IE8 shows the empty text nodes because sometimes it considers the space between two elements as Empty Text Node.
You need to remove the space between the fields.
Fiddle - http://jsfiddle.net/uTDWD/1/

Related

Wufoo: Your submission is missing the secure POST key

There was a problem with your submission.
Your submission is missing the secure POST key.
when I am redirected on Wufoo then got the warning or error
I have attached screenshot related error
HTML
<form name="Wufoo Button" accept-charset="UTF-8"
enctype="multipart/form-data" method="post"
action="https://subdomainname.wufoo.com/forms/sponsorchild/">
<!-- Dollars -->
<input id="Field127" name="Field127" type="hidden" t-att-value="Field127" />
<!-- Cents -->
<input id="Field127-1" name="Field127-1" type="hidden" t-att-value="Field1271" />
<!-- Child name and file number -->
<input id="Field125" name="Field125" type="hidden" t-att-value="Field125" />
<input id="saveForm" name="saveForm" class="submit" type="submit" value="Submit" />
</form>
Not sure if you're still stuck on this but I found the answer.
You need to keep this bit of HTML at the end of the form (you can just hide it with css). The value acts as the key:
<li class="hide">
<label for="comment">Do Not Fill This Out</label>
<textarea name="comment" id="comment" rows="1" cols="1"></textarea>
<input type="hidden" id="idstamp" name="idstamp" value="[WUFOO VALUE IS HERE]" />
</li>

Deafult behaviour in FORM doesn't work in Angular2

In my HTML I've added the following:
<div>
<form action="https://ssl.somepage.pl/t2/" method="post"
id="form">
<input name="api_version" value="dev" type="hidden"/>
<input name="id" value="123456" type="hidden"/>
<input name="amount" value="320.00" type="hidden"/>
<input name="currency" value="PLN" type="hidden"/>
<input name="description" value="Płatność
za zamówienie 12345/2014" type="hidden"/>
<input name="control" value="202cb962ac59075b964b07152d234b70" type="hidden"/>
<input name="channel" value="248" type="hidden"/>
<input name="ch_lock" value="1" type="hidden"/>
<input name="firstname" value="John" type="hidden"/>
<input name="lastname" value="Smith" type="hidden"/>
<input name="email" value="john.smith#example.com" type="hidden"/>
<input name="type" value="0" type="hidden"/>
<input name="credit_card_store" value="1" type="hidden"/>
<input name="credit_card_customer_id" value="f9c6a4-25473-035b58-9daa"
type="hidden"/>
<input name="chk"
value="11ac1938ac47ddd53815b4aeb6230ab9fe4554d82ee11e39c41b9055f38f5c08"
type="hidden"/>
</form>
<p>
<button type="submit" form="form"
value="Submit">Pay</button>
</p>
</div>
Which, as I understand, should make post method, and open a new webpage.
However, nothing happens. Any idea why? I am using Angular2.
The submit button must be inside of the form tag.(Oops sorry didnt know that your method is also possible)
Try making it like these:
<div>
<form id="form" method="POST" action="your link">
. . . . .
<p>
<input type="submit" value="Pay">
</p>
</form>
</div>
The code is perfectly fine. I did cross verify it. I found the problem with the link you have put in the action attribute. I think the page doesn't exist or there is a problem with page. I added 'https://www.facebook.com' into the action attribute and it got redirected perfectly. So just check the link you have put.
The issue was caused by Angular2 Form changes. To enable default behaviour, I needed to add:
<form ngNoForm ... >
To allow normal behaviour

HTML form name replaced with wrong symbols

I have the following form
<form name="input" action="http://testdomain.com/search/?" method="get" autocomplete="off">
<input type="text" name="?wpv_paged_preload_reach=1&wpv_view_count=1&wpv_post_id=205499&wpv_post_search=">
<input type="submit" id="searchsubmit" value="">
</form>
However the actual URL displays the following search query:
/search/?%3Fwpv_paged_preload_reach%3D1%26wpv_view_count%3D1%26wpv_post_id%3D205499%26wpv_post_search%3D=test
It seems that special symbols such as ? and = are getting replaced with special Encoding characters.
My question is, how do I get the form to not switch my special symbols with the encoding characters?
Thanks
The name of an input element controls the name of one field. The browser doesn’t blindly mash it and its value together and send that to the server. For a GET request, you can include each one as a hidden field:
<form name="input" action="http://testdomain.com/search/" method="get" autocomplete="off">
<input type="hidden" name="wpv_paged_preload_reach" value="1" />
<input type="hidden" name="wpv_view_count" value="1" />
<input type="hidden" name="wpv_post_id" value="205499" />
<input type="text" name="wpv_post_search" />
<input type="submit" id="searchsubmit" />
</form>

using an image with my existing submit button

I have this button that executes a php file using ajax, but it needs to use an image that has the path: src="{ROOT_PATH}mchat/form.gif" any help is appreciated thanks!
<form id="myform" method="GET" class="form_statusinput">
<input type="hidden" name="toid" id="toid" value="{mchatrow.MCHAT_USERNAME}">
<div id="button_block">
<input type="submit" id="button" value="Enter">
</div>
</form>
Use an image type input:
<input type="image" src="submit.gif" alt="Submit">
You could insert PHP into the input that like this:
<input type="image" src="<?{ROOT_PATH}?>mchat/form.gif" alt="Submit">

Can't type in textarea [duplicate]

I need help. My form in my page looks like below however when I click on the text box the cursor won't appear and I can't type
<form name="input" action="postblog.php?name=<?PHP echo ($_GET['name']); ?>" method="post">
Post: <input type="text" name="text2">
<input type="submit" value="Submit">
</form>
There's probably an error that's not being displayed on your screen because it's appearing inside the HTML tags. Make sure to check if $_GET['name'] is set first:
<form name="input" action="postblog.php?name=<?php echo ($_GET && isset($_GET['name'])) ? $_GET['name'] : 'No_Name_Value_From_GET'; ?>" method="post">
Post: <input type="text" name="text2" />
<input type="submit" value="Submit" />
</form>
In this instance, if $_GET['name'] is not set, the value for ?name= will be No_Name_Value_From_GET (but you can change it to whatever you want).
HTH... :)