Problem while submitting # with ajax
There is a problem with submitting # from the form. Some content get truncated and some variables disappear after submitting. Take a look at the following code and try to fill both fields with:
TEST#TEST#TEST
- <div id="POSTINI_FRAME"></div>
<table>
<tr>
<td class="row_B1_2">Subject</td>
<td class="row_B1_1x left">
<input type="text" name="cas14" class="long postini" />
</td>
</tr>
<tr>
<td class="row_B1_2">Description</td>
<td class="row_B1_1x left">
<textarea class="tall long postini" name="cas15"></textarea>
</td>
</tr>
<tr>
<td class="row_B1_1x" colspan="2">
<input type="button" id="SUBMIT_POSTINI" value="OPEN CASE"/>
</td>
</tr>
</table>
<script type="text/javascript" src="_javascript/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="_javascript/jquery-ui-1.8.10.custom.min.js"></script>
<script type="text/javascript">
$("#SUBMIT_POSTINI").click(function(){
var variable = "";
var trigger = 1;
$.each($(".postini"), function(i,v) {
if (v.value != ""){
variable += v.name + "=" + v.value + "&";
} else {
$("[name="+v.name+"]").css('background-color','red');
alert("Please fill out all fields. Error in " + v.name);
trigger = 0;
stop;
}
});
if (trigger == 1){
var loadUrl = "test.php";
var ajax_load = "<td colspan='2' class='center'><img src='_img/ajax-loader-belt.gif' alt='loading...' /></td>";
$("#POSTINI_FRAME").html(ajax_load).load(loadUrl,"ACTION=POSTINI_SUPPORT&SUB_PG=1&"+variable);
}
});
</script>