テキスト内のリンクを検出し、「はい」、「いいえ」、「キャンセル」の3つのボタンがあるJqueryUIダイアログボックスを開くJavaScriptを開発しています。すべてが正常に機能しています。javascriptがテキスト内のリンクを検出すると、ダイアログボックスが表示されます。「いいえ」ボタンと「キャンセル」ボタンは正常に機能しています。ユーザーが「はい」ボタンをクリックしたときにフォームを送信したいのですが、機能しません。これが私のHTMLとJavascriptのコードです。
<script type="text/javascript">
function findUrls()
{
var text = document.forms["myForm"]["text"].value;
var source = (text || '').toString();
var urlArray = [];
var url;
var matchArray;
// Regular expression to find FTP, HTTP(S) and email URLs.
var regexToken = /\b(http|https)?(:\/\/)?(\S*)\.(\w{2,4})\b/ig;
// Iterate through any URLs in the text.
if( (regexToken.exec( source )) !== null )
{
$(document).ready(function(){
$( "#dialog" ).dialog({
autoOpen: false,
width: 400,
buttons: [
{
text: "Yes",
click: function() {
$("#myForm").submit();
}
},
{
text: "No",
click: function() {
$( this ).dialog( "close" );
}
},
{
text: "Cancel",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
$( "#dialog" ).dialog( "open" );
});
}
}
function submitform()
{
document.forms["myForm"].submit();
}
</script>
<div id="dialog" title="Dialog Title">
<p>Tes Test Test.</p>
<p><a href="javascript: submitform()">Submit</a></p>
</div>
<form name="myForm" id="myForm1" action="" onsubmit="return findUrls();">
<textarea name="text"></textarea>
<input type="submit" name="submit" id="dialog-link" value="Check it out." />
</form>